@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";#scroll-bar{display:none}@keyframes progressShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.nav-container{z-index:1000;justify-content:space-between;align-items:center;height:80px;padding:0 24px;transition:height .5s cubic-bezier(.16,1,.3,1),background .5s,box-shadow .5s,-webkit-backdrop-filter .5s,backdrop-filter .5s;display:flex;position:fixed;top:0;left:0;right:0}.nav-container.scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(32px)saturate(1.8);height:68px;box-shadow:0 1px 0 var(--nav-border), 0 8px 32px #00000014, inset 0 1px 0 #ffffff0f}.nav-container.scrolled:after{display:none}@keyframes borderFlow{0%{background-position:-100% 0}to{background-position:100% 0}}.nav-logo-btn{z-index:10;cursor:pointer;background:0 0;border:none;align-items:center;gap:0;height:100%;padding:0;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-logo-img-wrapper{flex-shrink:0;justify-content:flex-start;align-items:center;width:140px;height:80px;transition:width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-container.scrolled .nav-logo-img-wrapper{width:120px;height:68px}.nav-logo-img{object-fit:contain;mix-blend-mode:multiply;transform-origin:0 35%;z-index:1;width:auto;height:100%;transition:height .5s cubic-bezier(.16,1,.3,1),filter .3s,transform .4s;position:relative;transform:scale(2.2)}.nav-logo-btn:hover .nav-logo-img{filter:brightness(1.05)contrast(1.05);transform:scale(2.3)}[data-theme=dark] .nav-logo-img{mix-blend-mode:normal;filter:drop-shadow(0 0 10px #f0a05040)brightness(1.1)}[data-theme=dark] .nav-logo-btn:hover .nav-logo-img{filter:drop-shadow(0 0 16px #f0a05066)brightness(1.15)}.nav-logo-img-wrapper:before{content:"";opacity:0;z-index:0;background:radial-gradient(#c070281f,#0000 70%);border-radius:12px;transition:opacity .4s;position:absolute;inset:4px}.nav-logo-btn:hover .nav-logo-img-wrapper:before{opacity:1}.nav-logo-text{display:none}.floating-pill{background:var(--bg-glass,#fffc);-webkit-backdrop-filter:blur(32px)saturate(1.8);border:1px solid var(--border-strong,#0000000f);z-index:20;border-radius:50px;align-items:center;gap:2px;padding:5px 8px;transition:box-shadow .3s,border-color .3s;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 20px #0000000f,inset 0 1px #ffffff26}.floating-pill:hover{border-color:#c0702826;box-shadow:0 4px 28px #c0702814,inset 0 1px #ffffff26}.pill-indicator{background:linear-gradient(135deg, var(--accent-light,#c0702814), #c0702826);border:1px solid var(--grad-border,#c0702826);pointer-events:none;z-index:1;border-radius:50px;height:calc(100% - 10px);position:absolute;top:5px;box-shadow:0 2px 8px #c070281f}.pill-link{font-size:13.5px;font-weight:500;font-family:var(--font-sans);color:var(--text-2);z-index:2;white-space:nowrap;cursor:pointer;letter-spacing:.01em;background:0 0;border:none;border-radius:50px;padding:8px 18px;transition:color .25s;position:relative}.pill-link:hover{color:var(--text)}.pill-link.active{color:var(--accent);font-weight:700}.nav-actions{z-index:10;align-items:center;gap:12px;display:flex}.theme-toggle{background:var(--bg-glass,#fff9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-strong,#0000000f);width:42px;height:42px;color:var(--text-2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0000000a}.theme-toggle:hover{color:var(--accent);border-color:#c0702833;transform:scale(1.1)rotate(15deg);box-shadow:0 4px 16px #c0702826}.theme-toggle svg{width:17px;height:17px}.btn-nav-cta{background:var(--grad);color:#fff;font-size:13.5px;font-weight:700;font-family:var(--font-display);cursor:pointer;letter-spacing:.02em;border:none;border-radius:50px;padding:11px 28px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #c0702840,0 1px 3px #0000001a}.btn-nav-cta:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff40 50%,#0000 70%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-75%;transform:translate(-100%)rotate(15deg)}.btn-nav-cta:hover:before{transform:translate(100%)rotate(15deg)}.btn-nav-cta:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 24px #c0702859,0 2px 6px #0000001a}.hamburger-btn{border:1px solid var(--border-strong,#0000000f);background:var(--bg-glass,#fff9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:none}.hamburger-btn:hover{background:var(--accent-light,#c070280f);border-color:#c0702833}.hamburger-btn svg{width:18px;height:18px;stroke:var(--text);stroke-width:2px;fill:none;transition:all .3s}.hamburger-btn:hover svg{stroke:var(--accent)}.mobile-drawer{background:var(--nav-bg,#fffffff2);-webkit-backdrop-filter:blur(40px)saturate(1.8);border-left:1px solid var(--border-strong,#0000000f);z-index:999;flex-direction:column;gap:4px;width:300px;padding:28px 20px;display:flex;position:fixed;top:80px;bottom:0;right:0;box-shadow:-16px 0 48px #0000001a}.drawer-link{text-align:left;font-size:15px;font-weight:600;font-family:var(--font-sans);color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:14px 18px;text-decoration:none;transition:all .25s}.drawer-link:hover{background:var(--accent-light,#c070280f);color:var(--text);border-color:#c070281a;transform:translate(4px)}.drawer-link.active{color:var(--accent);background:var(--accent-light,#c070280f);border-color:#c0702826}.drawer-bottom{border-top:1px solid var(--border,#0000000f);margin-top:auto;padding-top:20px}.drawer-bottom .btn-nav-cta{justify-content:center;width:100%;padding:14px;font-size:14px;display:flex}@media (width<=1024px){.floating-pill{display:none}.hide-mobile{display:none!important}.hamburger-btn{display:flex}.nav-container{padding:0 20px}.nav-logo-img-wrapper{width:160px;height:56px}.nav-container.scrolled .nav-logo-img-wrapper{width:130px;height:48px}}@media (width>=1025px){.hamburger-btn{display:none}}.hero{background:var(--bg);align-items:center;min-height:100vh;padding:130px 0 80px;display:flex;position:relative;overflow:hidden}.hero-blobs{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero-blob{filter:blur(80px);opacity:.45;border-radius:50%;animation:8s ease-in-out infinite blobFloat;position:absolute}.hero-blob-1{background:radial-gradient(circle,#c0702859 0%,#0000 70%);width:700px;height:700px;animation-duration:9s;top:-200px;right:-150px}.hero-blob-2{background:radial-gradient(circle,#c0702833 0%,#0000 70%);width:500px;height:500px;animation-duration:11s;animation-delay:-3s;bottom:-100px;left:-100px}.hero-blob-3{background:radial-gradient(circle,#f0a05026 0%,#0000 70%);width:300px;height:300px;animation-duration:7s;animation-delay:-5s;top:40%;left:40%}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.97)}}[data-theme=dark] .hero-blob-1{opacity:.5;background:radial-gradient(circle,#f078284d 0%,#0000 70%)}[data-theme=dark] .hero-blob-2{opacity:.6;background:radial-gradient(circle,#c8501433 0%,#0000 70%)}[data-theme=dark] .hero-blob-3{opacity:.7;background:radial-gradient(circle,#ffa03c1a 0%,#0000 70%)}.hero-grid{z-index:2;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero-content{flex-direction:column;gap:0;display:flex}.hero-tagline{border-radius:var(--radius-full);background:var(--accent-light);border:1px solid var(--grad-border);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;font-family:var(--font-display);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:10px;width:fit-content;margin-bottom:24px;padding:7px 18px;display:inline-flex}.hero-tagline span{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pulseDot;display:inline-block}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #c0702866}50%{opacity:.6;transform:scale(.8);box-shadow:0 0 0 6px #c0702800}}.hero h1.text-gradient,.hero .text-gradient{letter-spacing:-.035em;font-size:clamp(40px,5.5vw,68px);line-height:1.08;font-family:var(--font-display);background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-weight:900}.hero-subtitle{color:var(--text);font-size:clamp(18px,2vw,24px);font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:16px;line-height:1.3}.hero-sub{color:var(--text-2);max-width:520px;margin-bottom:36px;font-size:16px;font-weight:400;line-height:1.75}.hero-buttons{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn-store{border-radius:var(--radius-full);background:var(--grad);color:#fff;font-family:var(--font-display);box-shadow:var(--shadow-button);transition:var(--transition);border:none;align-items:center;gap:12px;padding:12px 22px;font-size:14px;font-weight:700;text-decoration:none;display:flex;position:relative;overflow:hidden}.btn-store:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff2e 50%,#0000 70%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-60%;transform:translate(-100%)rotate(15deg)}.btn-store:hover:before{transform:translate(100%)rotate(15deg)}.btn-store:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-3px)}.btn-store svg{fill:#fff;flex-shrink:0;width:20px;height:20px}.btn-store-text{text-align:left;flex-direction:column;line-height:1.2;display:flex}.btn-store-text span{opacity:.85;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:500}.btn-store-text strong{font-size:13px;font-weight:800}.btn-secondary{border-radius:var(--radius-full);background:var(--bg-glass);color:var(--text);font-family:var(--font-display);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(12px);transition:var(--transition);align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.btn-secondary span{background:var(--accent-light);width:28px;height:28px;color:var(--accent);transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-card);transform:translateY(-3px)}.btn-secondary:hover span{background:var(--accent);color:#fff;transform:scale(1.1)}.hero-mockup-container{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.hero-image-card{border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--border-strong), 0 24px 60px #c070282e, 0 60px 100px #0000001f;transition:var(--transition);max-width:100%;animation:5s ease-in-out infinite heroFloat;position:relative;overflow:hidden}.hero-image-card:hover{box-shadow:0 0 0 1px var(--grad-border), 0 32px 80px #c0702840, 0 80px 120px #00000026;transform:translateY(-6px)scale(1.01)}.hero-image-card:after{content:"";border-radius:var(--radius-lg);pointer-events:none;background:linear-gradient(135deg,#ffffff14 0%,#0000 40%,#c070280f 100%);position:absolute;inset:0}.hero-image-card img{border-radius:var(--radius-lg);width:100%;height:auto;display:block}.hero-mockup-container:before{content:"";filter:blur(40px);z-index:-1;background:radial-gradient(#c070281f 0%,#0000 70%);width:90%;height:90%;animation:5s ease-in-out -2s infinite heroFloat;position:absolute;top:10%;left:5%}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.metrics-banner{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);z-index:2;justify-content:space-between;align-items:center;gap:0;margin-top:64px;padding:24px 40px;display:flex;position:relative}.metrics-banner:before{content:"";border-radius:var(--radius-lg);pointer-events:none;z-index:-1;background:linear-gradient(135deg,#c0702826 0%,#0000 40%,#c0702814 100%);position:absolute;inset:-1px}.metric-item{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;padding:4px 12px;display:flex}.metric-num{font-family:var(--font-display);background:var(--grad);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,3vw,36px);font-weight:900;line-height:1}.metric-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600;font-family:var(--font-display);white-space:nowrap}.metric-divider{background:linear-gradient(180deg, transparent, var(--border-strong), transparent);flex-shrink:0;width:1px;height:48px}@media (width<=900px){.hero{min-height:auto;padding:110px 0 60px}.hero-grid{text-align:center;grid-template-columns:1fr;gap:48px}.hero-tagline{margin:0 auto 24px}.hero h1.text-gradient{font-size:clamp(36px,8vw,52px)}.hero-sub{max-width:100%}.hero-buttons{justify-content:center}.hero-mockup-container{order:-1}.hero-image-card{max-width:360px}.metrics-banner{flex-wrap:wrap;gap:16px;padding:20px 24px}.metric-divider{display:none}.metric-item{flex:0 0 calc(50% - 8px)}}@media (width<=480px){.hero-buttons{flex-direction:column;align-items:stretch}.btn-store,.btn-secondary{justify-content:center}.metrics-banner{padding:16px}.metric-item{flex:0 0 100%}}.showcase-section{padding:var(--section-padding);background:var(--bg-alt);border-top:1px solid var(--border);position:relative;overflow:hidden}.showcase-section:before{content:"";background:radial-gradient(circle, var(--accent-light) 0%, transparent 70%);filter:blur(80px);pointer-events:none;opacity:.5;width:600px;height:600px;position:absolute;top:-200px;left:-200px}.showcase-grid{z-index:1;grid-template-columns:1fr 380px;align-items:start;gap:64px;display:grid;position:relative}.showcase-menu{flex-direction:column;gap:12px;display:flex;position:sticky;top:100px}.showcase-watermark{color:var(--accent);opacity:.04;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;animation:.6s ease-out forwards watermarkFade;position:absolute;top:-60px;left:-40px}.showcase-watermark svg{width:360px;height:360px}@keyframes watermarkFade{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:.03;transform:translateY(0)scale(1)}}[data-theme=dark] .showcase-watermark{opacity:.02}.timeline-track{background:linear-gradient(180deg, transparent, var(--border-strong) 10%, var(--border-strong) 90%, transparent);z-index:1;width:2px;position:absolute;top:40px;bottom:40px;left:21px}.showcase-feature-row{z-index:2;position:relative}.showcase-item-btn{text-align:left;border-radius:var(--radius-lg);background:var(--bg-glass);cursor:pointer;width:100%;font-family:var(--font-sans);color:var(--text-2);-webkit-backdrop-filter:blur(12px);border:1px solid #0000;align-items:flex-start;gap:20px;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.showcase-item-btn:before{content:"";border-radius:var(--radius-lg);background:var(--grad);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1.5px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.showcase-item-btn:hover{background:var(--bg-card);transform:translate(6px)}.showcase-item-btn.active{background:var(--bg-card);color:var(--text);transform:translate(12px);box-shadow:0 16px 40px #0000001a,inset 0 0 0 1px #c070280d}.showcase-item-btn.active:before{opacity:1}.timeline-dot{background:var(--bg-alt);border:2px solid var(--border-strong);z-index:3;border-radius:50%;width:14px;height:14px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:36px;left:-27px}.showcase-item-btn.active .timeline-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--accent);transform:scale(1.2)}.showcase-icon-box{background:var(--bg-alt);border:1px solid var(--border);width:48px;height:48px;color:var(--text-2);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.showcase-icon-box svg{width:22px;height:22px;transition:all .3s}.showcase-item-btn.active .showcase-icon-box{background:var(--grad);color:#fff;border-color:#0000;transform:scale(1.05);box-shadow:0 8px 24px #c070284d}.showcase-item-btn.active .showcase-icon-box svg{transform:scale(1.1)}.showcase-item-btn.active .showcase-num{background:var(--grad);color:#fff;border-color:#0000;box-shadow:0 4px 16px #c0702866}.showcase-txt{flex:1;min-width:0}.showcase-txt h3{font-size:18px;font-weight:800;font-family:var(--font-display);color:var(--text);margin-bottom:8px;line-height:1.2;transition:color .3s}.showcase-item-btn.active .showcase-txt h3{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.showcase-txt p{color:var(--text-2);opacity:0;max-height:0;font-size:14px;font-weight:400;line-height:1.6;transition:all .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.showcase-item-btn.active .showcase-txt p{opacity:1;max-height:120px;margin-top:8px}.phone-mockup-wrapper{justify-content:center;align-items:flex-start;display:flex;position:sticky;top:120px}.phone-mockup-wrapper:before{content:"";filter:blur(30px);z-index:-1;background:radial-gradient(#c0702826 0%,#0000 70%);width:80%;height:80%;animation:4s ease-in-out infinite phonePulse;position:absolute;top:10%;left:10%}@keyframes phonePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.phone-frame{background:var(--bg);border:8px solid var(--phone-frame-color);border-radius:40px;width:280px;height:580px;animation:5s ease-in-out infinite phoneBob;position:relative;overflow:visible;box-shadow:0 24px 60px #00000026}@keyframes phoneBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.phone-frame:before{content:"";background:var(--phone-frame-color);z-index:20;border-radius:0 0 18px 18px;width:130px;height:26px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.phone-frame:after{content:"";background:var(--phone-frame-color);width:3px;height:40px;box-shadow:0 55px 0 var(--phone-frame-color);border-radius:4px 0 0 4px;position:absolute;top:100px;left:-11px}.phone-screen:after{content:"";background:var(--phone-frame-color);border-radius:0 4px 4px 0;width:3px;height:55px;position:absolute;top:120px;right:-11px}.phone-screen{background:var(--bg);border-radius:34px;flex-direction:column;width:100%;height:100%;font-size:11px;display:flex;position:relative;overflow:hidden}.phone-header{color:var(--text);font-size:10px;font-weight:600;font-family:var(--font-display);z-index:5;background:var(--bg);justify-content:space-between;align-items:center;padding:14px 16px 6px;display:flex;position:relative}.screen-content{color:var(--text-2);scrollbar-width:none;flex-direction:column;flex:1;padding:10px 12px 12px;display:flex;overflow-y:auto}.screen-content::-webkit-scrollbar{display:none}.app-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0 12px;display:flex}.app-bar h4{color:var(--text);font-size:13px;font-weight:800;font-family:var(--font-display);letter-spacing:-.01em}.quick-actions{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px;display:grid}.action-tile{background:var(--bg-card);border:1px solid var(--border);text-align:center;color:var(--text);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-fast);border-radius:10px;padding:10px 6px 8px;font-size:9px;font-weight:700}.action-tile:hover{border-color:var(--grad-border);box-shadow:var(--shadow-md);transform:translateY(-1px)}.action-tile-icon{margin-bottom:4px;font-size:16px;line-height:1}.mock-search-bar{background:var(--bg-card);border:1px solid var(--border);color:var(--text-3);border-radius:10px;align-items:center;gap:6px;margin-bottom:12px;padding:8px 10px;font-size:10px;display:flex}.native-list-item{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition-fast);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px;display:flex}.native-list-item:hover{border-color:var(--grad-border);box-shadow:var(--shadow-md)}.native-student-name{color:var(--text);font-size:11px;font-weight:700;font-family:var(--font-display)}.native-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;font-size:8px;font-weight:800}.native-badge-pending{color:var(--status-pending);background:#d977061f;border:1px solid #d9770633}.native-badge-meet{background:var(--accent-light);color:var(--accent);border:1px solid var(--grad-border)}.native-badge-exit{color:var(--accent-green);background:#0596691a;border:1px solid #05966933}.native-fab{background:var(--grad);color:#fff;width:36px;height:36px;box-shadow:var(--shadow-button);cursor:pointer;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:300;display:flex;position:absolute;bottom:18px;right:18px}.native-fab:hover{box-shadow:var(--shadow-button-hover);transform:scale(1.1)}.native-details-box{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:var(--shadow-sm);text-align:center;padding:16px}.native-form-group{text-align:left;margin-bottom:10px}.native-form-group label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800;font-family:var(--font-display);margin-bottom:4px;display:block}.native-input{border:1px solid var(--border-strong);width:100%;font-size:11px;font-family:var(--font-sans);color:var(--text);background:var(--bg);transition:var(--transition-fast);border-radius:8px;outline:none;padding:7px 10px}.native-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.native-btn{background:var(--grad);color:#fff;width:100%;font-size:11px;font-weight:800;font-family:var(--font-display);cursor:default;box-shadow:var(--shadow-button);letter-spacing:.02em;border:none;border-radius:10px;padding:10px}.native-btn-secondary{background:var(--accent-light);color:var(--accent);box-shadow:none;border:1px solid var(--grad-border)}@media (width<=1024px){.showcase-grid{grid-template-columns:1fr 320px;gap:40px}.phone-frame{width:260px;height:540px}}@media (width<=860px){.showcase-grid{flex-direction:column;gap:48px;display:flex}.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-icon-nav{background:var(--bg-card);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm), inset 0 0 0 1px #c070280d;-webkit-backdrop-filter:blur(12px);border-radius:100px;flex-direction:row;order:0;justify-content:space-between;align-items:center;width:100%;max-width:340px;margin:0 auto 32px;padding:6px}.mobile-icon-btn{height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:100px;flex:1;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.mobile-icon-btn svg{width:20px;height:20px;transition:all .3s}.mobile-icon-btn.active{background:var(--grad);color:#fff;transform:scale(1.05);box-shadow:0 4px 16px #c0702859}.mobile-icon-btn.active svg{transform:scale(1.1)}.mobile-feature-details{text-align:center;flex-direction:column;order:2;align-items:center;width:100%;margin-top:16px}.mobile-feature-card{background:var(--bg-glass);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);border-radius:24px;width:100%;max-width:100%;margin:0;padding:24px 20px;box-shadow:0 24px 50px #0003,inset 0 0 0 1px #c070281a}.mobile-feature-card h3{font-size:22px;font-weight:800;font-family:var(--font-display);color:var(--text);background:var(--grad);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:12px}.mobile-feature-card p{color:var(--text-2);margin:0;font-size:15px;line-height:1.6}.phone-mockup-wrapper{order:1;justify-content:center;width:100%;margin-bottom:0;position:static}.showcase-menu{order:2}}@media (width<=480px){.phone-frame{width:240px;height:500px}}.workflow-section{padding:var(--section-padding);background:var(--bg);border-top:1px solid var(--border);overflow:hidden}.desktop-only{display:block}.mobile-only{display:none!important}.wf-header{text-align:center;margin-bottom:80px}.wf-roadmap{padding:60px 0 80px;position:relative}.wf-spine-wrapper{z-index:1;pointer-events:none;width:300px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.wf-rows{z-index:2;flex-direction:column;gap:0;display:flex;position:relative}.wf-row{align-items:center;min-height:480px;display:flex}.wf-phone-col{justify-content:center;width:40%;padding:30px 16px;display:flex}.wf-center-col{flex-shrink:0;justify-content:center;align-items:center;width:20%;display:flex;position:relative}.wf-text-col{width:40%;padding:40px 20px}.text-left-side .wf-text-inner{padding-left:20px}.text-right-side .wf-text-inner{text-align:right;padding-right:20px}.text-right-side .wf-tag-pill{justify-content:flex-end}.text-right-side .wf-step-icon{margin-left:auto;margin-right:0}.wf-text-inner{flex-direction:column;gap:20px;max-width:360px;display:flex}.wf-tag-pill{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.wf-tag-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.wf-step-icon{border:1px solid #0000;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.wf-step-icon svg{width:22px;height:22px}.wf-step-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800;line-height:1.2}.wf-step-num{margin-right:4px;font-weight:900}.wf-step-desc{font-family:var(--font-sans);color:var(--text-2);margin:0;font-size:14px;line-height:1.65}.wf-node{background:var(--bg-card);z-index:4;border:2px solid;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.wf-node-label{letter-spacing:.1em;color:var(--text-3);text-transform:uppercase;font-size:9px;font-weight:800}.wf-node-num{font-size:22px;font-weight:900;line-height:1}.wf-connector{z-index:1;transform-origin:0;border-top:2px dashed;width:45%;height:2px;position:absolute;top:50%}.conn-right{transform-origin:0;left:50%}.conn-left{transform-origin:100%;right:50%}.wf-conn-dot{border-radius:50%;width:10px;height:10px;position:absolute;top:-6px}.conn-right .wf-conn-dot{right:0}.conn-left .wf-conn-dot{left:0}.premium-phone-frame{background:var(--bg-card);z-index:10;border:2px solid #111;border-radius:34px;flex-direction:column;width:220px;height:440px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -15px #00000038,0 0 40px #c070280f}.zigzag-phone{transition:transform .3s,box-shadow .3s;box-shadow:0 50px 100px -20px #0000004d,0 0 60px #c070281f}.zigzag-phone:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 60px 120px -20px #00000059,0 0 80px #c070282e}[data-theme=dark] .premium-phone-frame{border-color:#333;box-shadow:0 50px 100px -20px #000c,0 0 60px #f0a0500f}.phone-notch{z-index:30;background:#111;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:80px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-inner-screen{z-index:10;background:#111;border-radius:32px;flex:1;position:relative;overflow:hidden}.phone-screen-content{flex-direction:column;display:flex;position:absolute;inset:0}.mini-phone-bar{color:#fff;font-family:var(--font-display);text-align:center;letter-spacing:.05em;background:linear-gradient(135deg, var(--accent), #e6761b);border-top-left-radius:32px;border-top-right-radius:32px;padding:32px 14px 14px;font-size:11px;font-weight:700}.mini-phone-body{background:var(--bg);border-bottom-right-radius:32px;border-bottom-left-radius:32px;flex-direction:column;flex:1;min-height:0;padding:10px 14px 12px;display:flex;overflow:hidden}.mini-fields-container{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow:hidden}.mini-field{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding-bottom:6px;display:flex}.mini-field span:first-child{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:700}.mini-field span:last-child{color:var(--text);font-size:12px;font-weight:600}.mini-actions-wrapper{flex-shrink:0;margin-top:6px;margin-bottom:6px}.mini-btn{text-align:center;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border-radius:8px;padding:8px;font-size:10px;font-weight:700}.mini-btn-submit{background:var(--bg-alt);color:var(--text);border:1px solid var(--border-strong)}.dual-btn-row{gap:10px;display:flex}.mini-btn-approve{color:#10b981;background:#10b9811a;flex:1}.mini-btn-reject{color:#ef4444;background:#ef44441a;flex:1}.flow-status-badge{text-align:center;color:var(--text-2);background:var(--bg-alt);border-radius:100px;flex-shrink:0;margin-top:6px;padding:6px;font-size:10px;font-weight:700}.guard-view{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.guard-student-name{color:var(--text);font-size:17px;font-weight:800}.guard-photo-circle{border:3px solid var(--accent-green);background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;display:flex;box-shadow:0 0 20px #10b98133}.guard-status-text{color:var(--accent-green);letter-spacing:.1em;font-size:13px;font-weight:800}.workflow-deck-container{perspective:1200px;justify-content:center;align-items:center;height:650px;margin-top:40px;display:flex;position:relative}.deck-glow-orb{background:var(--accent);opacity:.15;filter:blur(120px);pointer-events:none;border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite alternate orbFloat;position:absolute}[data-theme=dark] .deck-glow-orb{opacity:.1}@keyframes orbFloat{0%{transform:scale(.8)translate(-20px,20px)}to{transform:scale(1.1)translate(20px,-20px)}}.deck-stack{width:100%;max-width:440px;height:560px;position:relative}.deck-card{-webkit-backdrop-filter:blur(24px);will-change:transform, opacity;background:#ffffffb3;border:1px solid #ffffff80;border-radius:32px;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 30px 60px -15px #0000001a,inset 0 0 0 1px #ffffff80;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}[data-theme=dark] .deck-card{background:#141416b3;border:1px solid #ffffff1a;box-shadow:0 30px 60px -15px #00000080,inset 0 0 0 1px #ffffff0d}.deck-card.is-active{border-color:var(--accent);box-shadow:0 40px 80px -15px #00000040, inset 0 0 0 2px var(--accent), 0 0 60px #c0702833}.deck-glass-shimmer{pointer-events:none;z-index:20;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:50%;height:100%;animation:4s infinite shimmer;position:absolute;top:0;left:-100%;transform:skew(-20deg)}[data-theme=dark] .deck-glass-shimmer{background:linear-gradient(90deg,#0000,#ffffff0d,#0000)}@keyframes shimmer{0%{left:-100%}20%{left:200%}to{left:200%}}.deck-card-header{color:#fff;background:linear-gradient(135deg, var(--accent), #e6761b);justify-content:space-between;align-items:center;padding:24px;display:flex;position:relative}.deck-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.deck-icon svg{color:#fff;width:24px;height:24px}.deck-title-group{flex-direction:column;display:flex}.deck-step-num{letter-spacing:.1em;opacity:.8;text-transform:uppercase;font-size:11px;font-weight:800}.deck-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.deck-active-ping{background:#fff;border-radius:50%;width:12px;height:12px;animation:2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;top:50%;right:24px;transform:translateY(-50%);box-shadow:0 0 0 4px #fff3}@keyframes ping{0%,to{box-shadow:0 0 0 4px #fff3}50%{box-shadow:0 0 0 8px #fff0}}.deck-card-body{background:var(--bg-alt);flex-direction:column;flex:1;padding:24px;display:flex}.deck-desc{color:var(--text-2);margin-top:0;margin-bottom:24px;font-size:14px;line-height:1.6}.deck-mock-ui{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;flex:1;display:flex;overflow:hidden}.mock-bar{background:var(--bg-card);text-align:center;color:var(--text-3);letter-spacing:.1em;border-bottom:1px solid var(--border);text-transform:uppercase;padding:12px;font-size:11px;font-weight:800}.deck-progress-track{background:var(--border);width:100%;height:6px}.deck-progress-fill{background:var(--accent);height:100%}@media (width<=900px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.workflow-deck-container{height:600px;margin-top:20px}.deck-stack{max-width:90%;height:520px}.deck-card-header{padding:16px}.deck-icon{width:40px;height:40px}.deck-icon svg{width:20px;height:20px}.deck-step-num{font-size:10px}.deck-title{font-size:18px}.deck-card-body{padding:16px}.deck-desc{margin-bottom:12px;font-size:13px;line-height:1.4}.mini-phone-body{padding:12px}}.simulator-section{background:var(--bg);border-top:1px solid var(--border);padding:80px 0;position:relative;overflow:hidden}.simulator-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed14 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.simulator-panel-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:40px;margin-top:50px;display:grid}.simulator-card-left,.simulator-card-right{-webkit-backdrop-filter:blur(24px);background:#fff6;border:1px solid #fff6;border-radius:40px;padding:40px;position:relative;box-shadow:0 40px 80px -20px #0000001a,inset 0 0 0 1px #fff6}[data-theme=dark] .simulator-card-left,[data-theme=dark] .simulator-card-right{background:#14141680;border:1px solid #ffffff0d;box-shadow:0 40px 80px -20px #0006,inset 0 0 0 1px #ffffff0d}.sim-card-title{color:var(--text);font-size:26px;font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:8px;font-weight:800}.sim-card-subtitle{color:var(--text-2);margin-bottom:30px;font-size:15px;line-height:1.5}.sim-form-group{margin-bottom:24px}.sim-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.sim-input,.sim-select{width:100%;font-family:var(--font-sans);color:var(--text);background:var(--bg-alt);border:2px solid #0000;border-radius:16px;padding:16px 20px;font-size:15px;transition:all .3s;box-shadow:inset 0 2px 4px #00000005}.sim-input:focus,.sim-select:focus{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 4px var(--accent-light), inset 0 2px 4px #00000003;outline:none}.sim-id-card-preview{background:linear-gradient(135deg,#ffffffe6,#fff6);border:1px solid #fffc;border-radius:24px;align-items:center;gap:20px;margin-top:30px;margin-bottom:24px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #00000014}[data-theme=dark] .sim-id-card-preview{background:linear-gradient(135deg,#28282de6,#14141966);border-color:#ffffff1a;box-shadow:0 20px 40px -10px #0006}.sim-id-card-preview:before{content:"";background:linear-gradient(45deg,#0000,#fff6,#0000);height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}.sim-action-btn-trigger{background:linear-gradient(135deg, var(--accent), #e6761b);color:#fff;width:100%;font-size:16px;font-weight:800;font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;border:none;border-radius:20px;padding:18px 24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 20px -5px #c0702866}.sim-action-btn-trigger:hover{transform:translateY(-3px);box-shadow:0 15px 30px -5px #c0702880}.sim-steps-wrapper{z-index:1;flex-direction:column;gap:20px;display:flex;position:relative}.sim-steps-wrapper:before{content:"";background:var(--border);z-index:-1;width:2px;position:absolute;top:40px;bottom:40px;left:35px}.sim-step-state{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;gap:16px;padding:20px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sim-step-state.active{border-color:var(--accent);transform:translate(10px);box-shadow:0 10px 30px -10px #c070284d}.sim-step-state.completed{background:#10b98108;border-color:#10b9814d}.sim-step-number{background:var(--bg-alt);width:40px;height:40px;color:var(--text-3);font-family:var(--font-display);border:2px solid #0000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:900;transition:all .3s;display:flex}.sim-step-state.active .sim-step-number{background:var(--accent-light);color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px #c070281a}.sim-step-state.completed .sim-step-number{background:var(--grad-green);color:#fff;box-shadow:0 0 15px #10b9814d}.sim-step-body{flex:1}.sim-step-body strong{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:800;display:block}.sim-step-body p{color:var(--text-2);margin-bottom:12px;font-size:14px;line-height:1.5}.sim-status-chip{text-transform:uppercase;letter-spacing:.1em;background:var(--bg-alt);color:var(--text-3);border-radius:100px;padding:6px 16px;font-size:10px;font-weight:800;display:inline-block}.sim-status-chip.pending{color:var(--status-pending);background:#d977061a}.sim-status-chip.processing{background:var(--accent-light);color:var(--accent);animation:1.5s infinite chipPulse}.sim-status-chip.approved{color:#10b981;background:#10b9811a}@keyframes chipPulse{0%,to{opacity:1;box-shadow:0 0 10px #c0702866}50%{opacity:.5;box-shadow:none}}.sim-interactive-action{margin-top:16px}.sim-mini-btn{cursor:pointer;background:linear-gradient(135deg, var(--accent), #e6761b);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:800;transition:all .3s;box-shadow:0 4px 10px #c070284d}.sim-mini-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #c0702866}.btn-hod-approve{background:var(--grad-green);box-shadow:0 4px 10px #10b9814d}.btn-hod-approve:hover{box-shadow:0 6px 15px #10b98166}.sim-gate-card{background:#10b9810d;border:1px solid #10b98133;border-radius:16px;align-items:center;gap:16px;margin-top:12px;padding:16px;display:flex}.laser-scanner-line{background:linear-gradient(90deg,#0000,#10b981,#0000);height:3px;animation:2s infinite laserScan;position:absolute;left:0;right:0;box-shadow:0 0 10px #10b981}@keyframes laserScan{0%{top:-10%}to{top:110%}}@media (width<=900px){.simulator-panel-grid{grid-template-columns:1fr;gap:24px}.simulator-card-left,.simulator-card-right{border-radius:32px;padding:24px}.sim-card-title{font-size:22px}.sim-steps-wrapper:before{left:25px}}.video-section{background:var(--bg);border-top:1px solid var(--border);padding:100px 0;position:relative;overflow:hidden}.video-section:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#e6761b14,#0000 70%);width:600px;height:600px;position:absolute;top:-50px;right:-100px}.video-section:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#10b9810d,#0000 70%);width:500px;height:500px;position:absolute;bottom:0;left:-200px}.video-guide-grid{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.video-highlight-card{background:var(--bg-card);border:1px solid var(--accent);-webkit-backdrop-filter:blur(12px);border-radius:24px;align-items:center;gap:20px;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px -5px #c070281a}[data-theme=dark] .video-highlight-card{background:#14141666;border:1px solid #ffffff0d}.video-highlight-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.video-highlight-card:hover{transform:translate(8px);box-shadow:0 20px 40px -10px #c0702840}.video-highlight-card:hover:before{left:100%}.vh-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex;box-shadow:inset 0 2px 4px #ffffff80}.video-highlight-card strong{color:var(--text);margin-bottom:6px;font-size:16px;font-weight:800;display:block}.video-highlight-card p{color:var(--text-2);margin:0;font-size:14px;line-height:1.6}.video-box-wrapper{perspective:1200px;width:320px;margin:0 auto;position:relative}.video-box-wrapper:before{content:"";background:radial-gradient(circle, var(--accent), transparent 70%);filter:blur(50px);z-index:1;pointer-events:none;opacity:.3;animation:4s infinite alternate pulseGlow;position:absolute;inset:-20px}@keyframes pulseGlow{0%{opacity:.2;transform:scale(.95)}to{opacity:.4;transform:scale(1.05)}}.video-box-frame{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fff9;border-radius:32px;transition:transform .5s;position:relative;overflow:hidden;transform:rotateY(-5deg)rotateX(2deg);box-shadow:0 40px 80px -20px #00000040,inset 0 0 0 1px #ffffff80}.video-box-wrapper:hover .video-box-frame{transform:rotateY(0)rotateX(0)}[data-theme=dark] .video-box-frame{background:#141416b3;border:1px solid #ffffff1a;box-shadow:0 40px 80px -20px #0009,inset 0 0 0 1px #ffffff0d}.video-window-header{z-index:12;background:#ffffff4d;border-bottom:1px solid #ffffff4d;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}[data-theme=dark] .video-window-header{background:#0000004d;border-bottom:1px solid #ffffff0d}.video-window-dots{gap:8px;display:flex}.video-window-dots span{border-radius:50%;width:12px;height:12px;display:inline-block;box-shadow:inset 0 2px 4px #0000001a}.dot-r{background:#ff5f56}.dot-y{background:#ffbd2e}.dot-g{background:#27c93f}.video-window-title{color:var(--text);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800}.video-viewport{aspect-ratio:9/16;background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.video-viewport video{object-fit:cover;z-index:11;background:#000;width:100%;height:100%;display:block;position:relative}.video-loader{background:var(--bg);z-index:12;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.video-spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.video-loader-text{color:var(--text);letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:800}@media (width<=900px){.video-guide-grid{text-align:left;grid-template-columns:1fr}.video-box-wrapper{width:100%;max-width:320px}.video-box-frame{aspect-ratio:9/16;height:auto;transform:none}}.features-section{background:var(--bg);border-top:1px solid var(--border);padding:100px 0;position:relative;overflow:hidden}.features-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#10b98114,#0000 70%);width:500px;height:500px;position:absolute;top:-150px;left:-100px}.features-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed0d,#0000 70%);width:600px;height:600px;position:absolute;bottom:-200px;right:-150px}.features-split-layout{z-index:2;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;display:grid;position:relative}.features-list-panel{flex-direction:column;gap:20px;display:flex}.feature-item-card{background:var(--bg-card);border:1px solid var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;gap:20px;padding:24px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px -5px #c070280d}[data-theme=dark] .feature-item-card{background:#1414164d}.feature-item-card:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#fff6,#0000,#ffffff1a);border-radius:24px;padding:2px;transition:all .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.feature-item-card:hover{transform:translate(8px);box-shadow:0 20px 40px -10px #c0702826}[data-theme=dark] .feature-item-card:hover{background:#28282d80;box-shadow:0 20px 40px -10px #0006}.feature-item-card.active{transform:translate(12px)scale(1.02);box-shadow:0 30px 60px -15px #c0702840}[data-theme=dark] .feature-item-card.active{background:#1e1e23cc;box-shadow:0 30px 60px -15px #0009,inset 0 0 0 1px #c0702833}.feature-item-card.active:before{opacity:1;background:linear-gradient(135deg, var(--accent), transparent, var(--accent))}.f-icon{background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;transition:all .4s;display:flex;box-shadow:inset 0 2px 4px #ffffff80}.feature-item-card.active .f-icon{background:linear-gradient(135deg, var(--accent), #e6761b);color:#fff;border:none;transform:scale(1.1);box-shadow:0 10px 20px -5px #c0702880}.feature-item-card h3{color:var(--text);letter-spacing:-.01em;font-size:16px;font-weight:800}.feature-item-card p{color:var(--text-2);margin-top:8px;font-size:14px;line-height:1.6}.tech-chip{text-transform:uppercase;letter-spacing:.05em;background:var(--bg);color:var(--accent);border:1px solid #c0702833;border-radius:100px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-block;box-shadow:inset 0 2px 4px #00000005}.feature-item-card.active .tech-chip{background:#c070281a;border-color:#c070284d}.features-device-panel{perspective:1200px;position:relative}.features-device-panel:before{content:"";background:radial-gradient(circle, var(--accent), transparent 60%);filter:blur(60px);opacity:.2;pointer-events:none;animation:4s infinite alternate pulseDeviceGlow;position:absolute;inset:10%}@keyframes pulseDeviceGlow{0%{opacity:.15;transform:scale(.9)}to{opacity:.3;transform:scale(1.1)}}.device-scene{min-height:500px;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.device-web-browser,.device-mobile-phone{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:1;pointer-events:auto;background:#ffffffb3;border:1px solid #fff9;border-radius:24px;transition:all .8s cubic-bezier(.16,1,.3,1);position:absolute;overflow:hidden;box-shadow:0 40px 80px -20px #0003,inset 0 0 0 1px #ffffff80}[data-theme=dark] .device-web-browser,[data-theme=dark] .device-mobile-phone{background:#141416cc;border:1px solid #ffffff1a;box-shadow:0 40px 80px -20px #00000080,inset 0 0 0 1px #ffffff0d}.device-web-browser{aspect-ratio:16/10;z-index:5;width:100%;max-width:500px;transform:scale(.95)translateZ(-50px)translate(-70px)rotateY(-4deg)}.device-mobile-phone{aspect-ratio:9/19;z-index:10;border-radius:40px;width:260px;transform:scale(.85)translateZ(50px)translate(140px)translateY(30px)rotateY(4deg);box-shadow:0 50px 100px -20px #0000004d,inset 0 0 0 1px #ffffff80}.device-mobile-phone:after{content:"";z-index:20;background:#000;border-radius:12px;width:80px;height:24px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.features-device-panel:hover .device-web-browser{transform:scale(.98)translateZ(-30px)translate(-80px)rotateY(0)}.features-device-panel:hover .device-mobile-phone{transform:scale(.88)translateZ(80px)translate(150px)translateY(20px)rotateY(0)}.browser-header{background:#ffffff4d;border-bottom:1px solid #fff3;align-items:center;gap:8px;height:40px;padding:0 20px;display:flex}[data-theme=dark] .browser-header{background:#0003;border-color:#ffffff0d}.browser-dots{gap:6px;display:flex}.browser-dots span{border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:inset 0 2px 4px #0000001a}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.browser-url-bar{background:#fff6;border:1px solid #fff3;border-radius:10px;flex:1;height:20px;margin:0 20px}[data-theme=dark] .browser-url-bar{background:#ffffff0d;border-color:#ffffff05}.browser-body{background:var(--bg-card);flex-direction:column;gap:16px;height:calc(100% - 40px);padding:24px;display:flex;position:relative}.phone-screen{background:var(--bg-card);border:4px solid #111;border-radius:36px;flex-direction:column;gap:16px;width:100%;height:100%;padding:48px 20px 24px;display:flex}[data-theme=dark] .phone-screen{border-color:#000}.mock-ui-header{background:var(--bg-alt);border-radius:6px;width:60%;height:24px}.mock-ui-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.mock-ui-box{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;height:60px}.mock-ui-list{flex-direction:column;gap:12px;margin-top:auto;display:flex}.mock-ui-row{background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;height:40px}.mock-ui-large-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;flex:1}.mock-ui-box,.mock-ui-row,.mock-ui-header,.mock-ui-large-card{position:relative;overflow:hidden}.mock-ui-box:before,.mock-ui-row:before,.mock-ui-header:before,.mock-ui-large-card:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;animation:2s infinite mockShimmer;position:absolute;top:0;left:-100%}[data-theme=dark] .mock-ui-box:before,[data-theme=dark] .mock-ui-row:before,[data-theme=dark] .mock-ui-header:before,[data-theme=dark] .mock-ui-large-card:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000)}@keyframes mockShimmer{to{left:200%}}@media (width<=900px){.features-split-layout{flex-direction:column;grid-template-columns:1fr;gap:40px;display:flex}.features-device-panel{perspective:none;order:-1;width:100%;min-height:420px}.device-scene{transform-style:flat;min-height:420px}.device-web-browser{max-width:100%;transform:scale(.75)translateY(-20px)translate(-15%)}.device-mobile-phone{transform:scale(.65)translateY(40px)translate(25%)}.features-device-panel:hover .device-web-browser{transform:scale(.75)translateY(-20px)translate(-15%)}.features-device-panel:hover .device-mobile-phone{transform:scale(.65)translateY(40px)translate(25%)}}.roles-section{background:var(--bg);border-top:1px solid var(--border);padding:100px 0 60px;position:relative;overflow:hidden}.roles-glow-bg{filter:blur(100px);opacity:.15;pointer-events:none;z-index:1;width:500px;height:500px;transition:background 1s,opacity 1s;position:absolute;top:50%;right:10%;transform:translateY(-50%)}.roles-glow-bg[data-role=student]{background:radial-gradient(circle,#3b82f6,#0000 60%)}.roles-glow-bg[data-role=faculty]{background:radial-gradient(circle,#10b981,#0000 60%)}.roles-glow-bg[data-role=parent]{background:radial-gradient(circle,#e6761b,#0000 60%)}.roles-glow-bg[data-role=security]{background:radial-gradient(circle,#ef4444,#0000 60%)}.roles-section .container{z-index:5;position:relative}.role-tabs-bar{flex-wrap:nowrap;justify-content:center;gap:80px;width:100%;margin-bottom:80px;display:flex}.role-tab-btn{font-family:var(--font-display);letter-spacing:.05em;color:var(--text-3);text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:16px;font-size:13px;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.role-tab-btn:hover{color:var(--text)}.role-tab-btn.active{color:#3b82f6}.role-tab-icon{border:1px solid var(--border);width:72px;height:72px;color:var(--text-3);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .4s;display:flex}.role-tab-icon svg{stroke-width:1.5px;width:28px;height:28px}.role-tab-btn:hover .role-tab-icon{border-color:var(--text-2);color:var(--text-2)}.role-tab-btn.active .role-tab-icon{color:#3b82f6;border-color:#3b82f6;box-shadow:0 0 30px #3b82f626}.role-details-container{position:relative}.role-panel{display:none}.role-panel.active{grid-template-columns:1fr 1fr;align-items:center;gap:60px;animation:.6s cubic-bezier(.16,1,.3,1) slideUpFade;display:grid}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.role-panel-info{padding-right:20px}.role-panel-title{color:var(--text);letter-spacing:-.02em;margin-bottom:16px;font-size:36px}.role-panel-desc{color:var(--text-2);margin-bottom:32px;font-size:16px;line-height:1.7}.role-benefit-list{flex-direction:column;gap:16px;list-style:none;display:flex}.role-benefit-list li{color:var(--text-2);background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent);border-radius:16px;align-items:flex-start;gap:12px;padding:20px;font-size:15px;line-height:1.6;transition:all .4s;display:flex;box-shadow:0 10px 20px -5px #c070280d}.role-benefit-list li:hover{transform:translate(8px);box-shadow:0 10px 30px -10px #c0702826}.role-benefit-list li strong{color:var(--text);margin-bottom:4px;font-weight:800;display:block}.role-panel-preview{perspective:1200px;justify-content:center;display:flex}.premium-mock-phone:after{content:"";z-index:20;background:#000;border-radius:12px;width:80px;height:24px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-mock-content{background:var(--bg-card);box-shadow:inset 0 0 0 1px var(--border);border-radius:28px;flex-direction:column;flex:1;margin:48px 12px 12px;display:flex;position:relative;overflow:hidden}@media (width<=900px){.role-panel.active{grid-template-columns:1fr;gap:40px}.role-panel-preview{order:-1}.role-panel-preview .phone-frame{height:480px;transform:scale(.9)!important}.role-tabs-bar{justify-content:space-between;gap:20px;padding-bottom:12px;overflow-x:auto}.role-tab-btn{gap:8px}.role-tab-icon{width:56px;height:56px}.role-tab-label{display:none}}.download-section{background:var(--bg-alt);border-top:1px solid var(--border);padding:40px 0 80px}.download-card-split{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:48px;display:grid}.download-heading{color:var(--text);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(24px,3vw,36px)}.download-paragraph{color:var(--text-2);margin-bottom:28px;font-size:15px;line-height:1.7}.app-tech-specs{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.app-spec-item{background:var(--bg-alt);border-radius:var(--radius-xs);border:1px solid var(--border);justify-content:space-between;padding:10px 16px;display:flex}.spec-label{color:var(--text-3);font-size:12px;font-weight:600}.spec-val{color:var(--text);font-size:12px;font-weight:800}.download-feature-checklist{flex-direction:column;gap:10px;display:flex}.checklist-item{color:var(--text-2);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.check-icon{width:24px;height:24px;color:var(--accent-green);background:#0596691a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.download-action-side{justify-content:center;display:flex}.installer-box{background:var(--bg-alt);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg);text-align:center;padding:32px}.installer-app-info{text-align:left;align-items:center;gap:16px;margin-bottom:24px;display:flex}.installer-icon-wrapper{width:64px;height:64px;box-shadow:var(--shadow-card);border-radius:14px;flex-shrink:0;overflow:hidden}.installer-icon-wrapper img{object-fit:cover;width:100%;height:100%}.installer-app-title{color:var(--text);font-size:16px;font-weight:800;font-family:var(--font-display);display:block}.installer-app-meta{color:var(--text-3);margin-top:2px;font-size:12px;font-weight:600}.installer-rating{color:var(--accent-gold);margin-top:4px;font-size:11px;font-weight:700}.installer-btn{background:var(--grad);color:#fff;border-radius:var(--radius-sm);width:100%;font-size:15px;font-weight:700;font-family:var(--font-display);cursor:pointer;box-shadow:var(--shadow-button);transition:var(--transition);border:none;flex-direction:column;align-items:center;gap:4px;padding:16px;display:flex;position:relative;overflow:hidden}.installer-btn .btn-text{font-size:15px;font-weight:700}.installer-btn .btn-subtext{opacity:.8;font-size:11px;font-weight:500}.installer-btn:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff1f 50%,#0000 70%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:translate(-100%)}.installer-btn:hover:before{transform:translate(100%)}.installer-btn:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.installer-progress-container{margin-top:20px}.progress-bar-status{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.progress-bar-status span{color:var(--accent);font-size:12px;font-weight:700}.progress-spinner{border:2px solid var(--accent-light);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.progress-bar-track{background:var(--border);border-radius:100px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--grad);border-radius:100px;height:100%;transition:width .3s}.installer-security-info{color:var(--text-3);margin-top:16px;font-size:11px;font-weight:600}@media (width<=900px){.download-card-split{grid-template-columns:1fr;padding:28px}}.team-section{background:var(--bg);border-top:1px solid var(--border);padding:100px 0;position:relative;overflow:hidden}.team-section:before{content:"";background:radial-gradient(circle, var(--accent) 0%, transparent 60%);opacity:.05;filter:blur(100px);pointer-events:none;width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.developer-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-content:center;gap:40px;max-width:1200px;margin:0 auto;display:grid;position:relative}.developer-card{background:var(--bg-card);cursor:pointer;border-radius:24px;height:360px;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080}.developer-card:after{content:"";background:linear-gradient(135deg, var(--accent) 0%, #a855f7 50%, #3b82f6 100%);-webkit-mask-composite:xor;opacity:1;z-index:5;pointer-events:none;border-radius:24px;padding:2px;transition:all .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.developer-card:hover:after{padding:3px}.developer-card:hover{transform:translateY(-12px)scale(1.02);box-shadow:0 30px 60px -15px #ea580c66}.developer-card-img-wrapper{z-index:1;position:absolute;inset:0}.developer-card-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1)}.developer-card:hover .developer-card-img{transform:scale(1.08)}.developer-card-fallback{background:var(--bg-alt);justify-content:center;align-items:center;width:100%;height:100%;font-size:64px;display:flex}.developer-card-overlay{z-index:2;text-align:center;background:linear-gradient(#0000 40%,#0a0c1066 65%,#0a0c10f2 100%);flex-direction:column;justify-content:flex-end;align-items:center;padding:32px 20px 24px;transition:all .4s;display:flex;position:absolute;inset:0}.developer-card-info{z-index:4;flex-direction:column;align-items:center;display:flex;position:relative}.developer-card-name{font-family:var(--font-display);color:#fff;letter-spacing:.01em;margin-bottom:12px;font-size:18px;font-weight:800}.developer-card-role{color:#93c5fd;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b99;border:1px solid #ffffff1a;border-radius:100px;margin-bottom:0;padding:6px 16px;font-size:9px;font-weight:800;display:inline-block}.developer-card-desc{display:none}.developer-socials{opacity:0;gap:12px;margin-top:16px;transition:all .4s;display:flex;transform:translateY(10px)}.developer-card:hover .developer-socials{opacity:1;transform:translateY(0)}.developer-card:hover .developer-card-overlay{background:linear-gradient(#0000 20%,#0a0c1099 60%,#0a0c10f2 100%)}.social-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 10px #0000004d}.social-icon svg{width:18px;height:18px}.social-icon.linkedin{background:#0077b5;border:1px solid #0077b5}.social-icon.linkedin:hover{background:#005582;transform:scale(1.15)translateY(-2px)}.social-icon.github{background:#181717;border:1px solid #333}.social-icon.github:hover{background:#000;border-color:#555;transform:scale(1.15)translateY(-2px)}.faq-section{padding:var(--section-padding);background:var(--bg);border-top:1px solid var(--border)}.faq-accordion{flex-direction:column;gap:12px;max-width:800px;margin:0 auto;display:flex}.faq-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:var(--transition);overflow:hidden}.faq-card.active{box-shadow:var(--shadow-card);border-color:var(--grad-border)}.faq-header{width:100%;color:var(--text);text-align:left;cursor:pointer;transition:var(--transition);justify-content:space-between;align-items:center;padding:20px 24px;font-size:16px;font-weight:700;display:flex}.faq-header:hover{color:var(--accent)}.faq-header svg{width:20px;height:20px;fill:var(--text-3);transition:var(--transition);flex-shrink:0}.faq-card.active .faq-header svg{fill:var(--accent);transform:rotate(45deg)}.faq-body{max-height:0;transition:max-height .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.faq-card.active .faq-body{max-height:300px}.faq-body p{color:var(--text-2);padding:0 24px 20px;font-size:14px;line-height:1.7}.footer{color:#94a3b8;background:#0a0a0c;border-top:1px solid #1e293b;padding:56px 0 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:40px;display:grid}.footer-logo-box img{border-radius:8px;width:auto;height:40px;margin-bottom:16px}.footer-title{color:#f1f5f9;text-transform:uppercase;letter-spacing:.06em;font-size:14px;font-weight:800;font-family:var(--font-display);margin-bottom:16px}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-links a{color:#94a3b8;transition:var(--transition-fast);font-size:14px}.footer-links a:hover{color:var(--accent);display:inline-block;transform:translate(4px)}.footer-bottom{color:#64748b;border-top:1px solid #1e293b;justify-content:space-between;padding-top:24px;font-size:13px;display:flex}.scroll-to-top{background:var(--grad);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-button);cursor:pointer;z-index:50;transition:var(--transition);opacity:0;pointer-events:none;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:fixed;bottom:32px;right:32px;transform:translateY(10px)}.scroll-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}.scroll-to-top:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-4px)}.team-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c10d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.team-modal-content{background:#fff;border-radius:28px;width:100%;max-width:800px;height:500px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px #0006}.team-modal-image-col{background:var(--bg-alt);flex:1;height:100%}.team-modal-image-col img{object-fit:cover;object-position:top center;width:100%;height:100%}.team-modal-info-col{flex-direction:column;flex:1;justify-content:center;padding:60px 48px;display:flex;position:relative}.team-modal-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;line-height:1;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.team-modal-close:hover{color:#0f172a;background:#f1f5f9}.team-modal-details h2{font-family:var(--font-display);color:#0f172a;letter-spacing:-.02em;margin-bottom:12px;font-size:32px;font-weight:800}.team-modal-role{color:#2563eb;text-transform:uppercase;letter-spacing:.05em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:100px;margin-bottom:32px;padding:8px 16px;font-size:11px;font-weight:800;display:inline-block}.team-modal-details p{color:#475569;font-size:15px;line-height:1.8}@media (width<=768px){.developer-grid{gap:32px;padding:0 16px}.developer-card{border-radius:24px;height:400px}.developer-socials{opacity:1;transform:translateY(0)}.developer-card-overlay{background:linear-gradient(#0000 40%,#0a0c1080 65%,#0a0c10f2 100%)}.footer-grid{text-align:center;grid-template-columns:1fr;gap:32px}.footer-brand{flex-direction:column;align-items:center;display:flex}.footer-links{align-items:center}.footer-bottom{text-align:center;flex-direction:column;gap:8px}.team-modal-content{flex-direction:column;height:auto;max-height:90vh;overflow-y:auto}.team-modal-image-col{flex:none;height:360px}.team-modal-info-col{padding:32px 24px}}:root{--bg:#faf8f4;--bg-card:#fff;--bg-alt:#f5f2ec;--bg-glass:#fff9;--border:#c0702814;--border-strong:#c0702824;--shadow-sm:0 2px 10px #c070280a;--shadow-md:0 8px 30px #c070280f;--shadow-lg:0 16px 50px #c070281a;--shadow-card:0 4px 20px #c070280f;--shadow-card-hover:0 12px 40px #c070281f;--shadow-button:0 4px 14px #c0702840;--shadow-button-hover:0 8px 24px #c0702859;--text:#1a1510;--text-2:#5c5245;--text-3:#8a8275;--text-muted:#8a8275;--accent:#c07028;--accent-hover:#a85820;--accent-light:#c0702814;--accent-green:#059669;--accent-red:#dc2626;--accent-gold:#d97706;--grad:linear-gradient(135deg, #c07028 0%, #a85820 100%);--grad-reverse:linear-gradient(135deg, #a85820, #c07028);--grad-soft:#c070280f;--grad-border:#c0702824;--grad-green:linear-gradient(135deg, #059669, #047857);--status-pending:#d97706;--status-approving:#c07028;--status-approved:#059669;--phone-frame-color:#1a1a1a;--nav-bg:#faf8f4d9;--nav-border:#c070280f;--font-display:"Plus Jakarta Sans", sans-serif;--font-sans:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-full:100px;--section-padding:80px 0;--transition:all .3s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .15s ease;--transition-spring:all .5s cubic-bezier(.16, 1, .3, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg:#0a0a0f;--bg-card:#12121ca6;--bg-alt:#0f0f18;--bg-glass:#12121c66;--border:#f0a05014;--border-strong:#f0a05026;--shadow-sm:0 2px 10px #0006;--shadow-md:0 8px 30px #00000080;--shadow-lg:0 16px 50px #000000bf;--shadow-card:0 4px 20px #0006;--shadow-card-hover:0 12px 40px #f0a0501f;--shadow-button:0 4px 14px #f0a0504d;--shadow-button-hover:0 8px 24px #f0a05066;--text:#f0ede6;--text-2:#9b978f;--text-3:#5c5750;--text-muted:#5c5750;--accent:#f0a050;--accent-hover:#e07840;--accent-light:#f0a05012;--accent-green:#5ee6a0;--accent-red:#f87171;--accent-gold:#fbbf24;--phone-frame-color:#383848;--grad:linear-gradient(135deg, #f0a050 0%, #e07840 50%, #d05530 100%);--grad-reverse:linear-gradient(135deg, #d05530, #f0a050);--grad-soft:#f0a05012;--grad-border:#f0a05026;--grad-green:linear-gradient(135deg, #5ee6a0, #34d399);--status-pending:#fbbf24;--status-approving:#f0a050;--status-approved:#5ee6a0;--nav-bg:#0a0a0fe0;--nav-border:#f0a0500f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);line-height:1.6;transition:background .4s,color .4s;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--grad);border-radius:100px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-weight:800;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{z-index:2;max-width:1400px;margin:0 auto;padding:0 20px;position:relative}.section-tag{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.1em;background:var(--accent-light);color:var(--accent);border:1px solid var(--grad-border);margin-bottom:16px;padding:6px 18px;font-size:12px;font-weight:700;display:inline-block}.section-title{color:var(--text);letter-spacing:-.025em;margin-bottom:16px;font-size:clamp(28px,4vw,44px)}.section-desc{color:var(--text-2);max-width:640px;margin:0 auto;font-size:16px;line-height:1.7}.section-title-wrapper{text-align:center;margin-bottom:56px}.text-gradient{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition)}.glass-card:hover{box-shadow:var(--shadow-lg)}::selection{background:var(--accent-light);color:var(--accent)}body,.navbar,.section-tag,.section-title,.glass-card,.flow-card,.developer-card,.faq-card,.installer-box{transition:background .4s,color .3s,border-color .3s,box-shadow .3s}