@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";:root{--primary: #48c1a9;--primary-hover: #3caea8;--secondary: #14163c;--bg-main: #f8fafd;--bg-card: #ffffff;--text-main: #14163c;--text-body: #555c6b;--white: #ffffff;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--shadow-soft: 0 10px 40px -10px rgba(20, 22, 60, .08);--shadow-hover: 0 20px 50px -10px rgba(20, 22, 60, .12);--container-width: 1200px;--header-height: 80px;--bg-footer: #e8ecf4;--bg-input: #ffffff;--border-color: #dbe2ea}[data-theme=dark]{--secondary: #ffffff;--bg-main: #0f1126;--bg-card: #1e2150;--text-main: #e0e6ed;--text-body: #a0a6b5;--white: #1e2150;--shadow-soft: 0 10px 40px -10px rgba(0, 0, 0, .3);--shadow-hover: 0 20px 50px -10px rgba(0, 0, 0, .5);--bg-footer: #0a0c1a}*{box-sizing:border-box}body{margin:0;font-family:Montserrat,sans-serif;background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background-color .3s ease,color .3s ease}a{text-decoration:none;color:inherit;transition:all .2s ease}ul{list-style:none;padding:0;margin:0}button{cursor:pointer;border:none;font-family:inherit;background:none;color:inherit}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative;overflow:hidden}.text-center{text-align:center}.flex-center{display:flex;align-items:center;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:50px;font-weight:700;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#48c1a9,#2a9d8f);color:#fff!important;opacity:1!important;font-weight:800;letter-spacing:.5px;box-shadow:0 4px 15px #48c1a966,inset 0 1px #ffffff4d;text-shadow:0 1px 3px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#62e9cc,#48c1a9);box-shadow:0 4px 20px #48c1a980,inset 0 1px #fff6;color:#fff!important;opacity:1!important}.btn-primary:hover{background:linear-gradient(135deg,#5cdbbd,#3caea8);transform:translateY(-2px);box-shadow:0 8px 25px #48c1a999,0 0 10px #48c1a966;filter:brightness(1.1);border-color:#fff6}.btn-secondary{background-color:var(--secondary);color:var(--bg-card)}[data-theme=dark] .btn-secondary{background-color:#fff;color:#14163c}.btn-secondary:hover{transform:translateY(-2px);opacity:.9;box-shadow:0 8px 20px #14163c4d}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:var(--secondary)}.section-subtitle{font-size:1.1rem;color:var(--text-body);max-width:600px;margin:0 auto 4rem}.section-alternate{background-color:var(--bg-card)}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-lg{box-shadow:0 20px 60px -15px #14163c26}[data-theme=dark] .shadow-lg{box-shadow:0 20px 60px -15px #0006}.bg-blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.5}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all .3s ease;background-color:transparent}.navbar-scrolled{background-color:var(--bg-main);box-shadow:var(--shadow-soft);padding:15px 0}[data-theme=dark] .navbar-scrolled{background-color:#0f1126f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar .logo{font-weight:800;font-size:1.5rem;color:var(--secondary);letter-spacing:-.5px}.nav-links{display:flex;gap:32px;align-items:center}.nav-links button:not(.btn),.nav-links a:not(.btn){font-weight:600;color:var(--text-main);opacity:.8;font-size:1rem;transition:all .2s ease}.nav-links button:not(.btn):hover,.nav-links a:not(.btn):hover{color:var(--primary);opacity:1}.btn-sm{padding:10px 24px;font-size:.9rem}.desktop-only{display:flex}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:flex;align-items:center}}.hero-section{padding-top:160px;padding-bottom:100px;min-height:100vh;display:flex;align-items:center;position:relative;overflow:visible}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{text-align:left;z-index:2}.hero-title{font-size:4rem;font-weight:800;color:var(--secondary);line-height:1.1;margin-bottom:24px;letter-spacing:-1px}.hero-subtitle{font-size:1.25rem;color:var(--text-body);margin-bottom:40px;max-width:500px}.hero-actions{display:flex;gap:16px;margin-bottom:30px}.badge-placeholder{font-size:.9rem;color:var(--text-body);opacity:.7;font-weight:600}.hero-image{position:relative;z-index:2;display:flex;justify-content:center}.iphone-mockup{position:relative;width:300px;height:620px;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform .5s ease}.iphone-mockup:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.iphone-frame{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);border-radius:55px;padding:12px;position:relative;box-shadow:0 0 0 2px #1a1a1a,0 0 0 4px #3d3d3d,0 0 0 5px #1a1a1a,0 25px 50px -12px #00000080,inset 0 0 2px #ffffff1a;overflow:hidden}[data-theme=dark] .iphone-frame{background:linear-gradient(135deg,#2a2a2a,#404040,#2a2a2a);box-shadow:0 0 0 2px #2a2a2a,0 0 0 4px #505050,0 0 0 5px #2a2a2a,0 25px 50px -12px #000000b3,inset 0 0 2px #ffffff26}.iphone-button{position:absolute;background:linear-gradient(to right,#3d3d3d,#2a2a2a,#3d3d3d);border-radius:2px;z-index:10}.iphone-button-silent{width:4px;height:30px;left:-4px;top:120px}.iphone-button-volume-up{width:4px;height:50px;left:-4px;top:180px}.iphone-button-volume-down{width:4px;height:50px;left:-4px;top:245px}.iphone-button-power{width:4px;height:80px;right:-4px;top:180px}.iphone-dynamic-island{position:absolute;top:20px;left:50%;transform:translate(-50%);width:100px;height:32px;background:#000;border-radius:20px;z-index:10;display:flex;align-items:center;justify-content:flex-end;padding-right:10px}.dynamic-island-camera{width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#1a3a5c,#0a1a2c,#000);border-radius:50%;position:relative}.dynamic-island-camera:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:radial-gradient(circle,#4a6a8c,#2a4a6c);border-radius:50%}.iphone-speaker{position:absolute;top:8px;left:50%;transform:translate(-50%);width:60px;height:5px;background:#1a1a1a;border-radius:3px;z-index:5}.iphone-screen{width:100%;height:100%;background:#000;border-radius:45px;overflow:hidden;position:relative}.iphone-reflection{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:55px;background:linear-gradient(135deg,#ffffff1f,#fff0 40% 60%,#ffffff0d);z-index:20}.iphone-screen-placeholder{width:100%;height:100%;background:linear-gradient(180deg,#1a1f35,#0f1421);display:flex;flex-direction:column}.placeholder-status-bar{display:flex;justify-content:space-between;align-items:center;padding:50px 24px 8px;color:#fff;font-size:14px;font-weight:600}.status-time{font-weight:600}.status-icons{display:flex;align-items:center;gap:6px}.status-signal,.status-wifi,.status-battery{height:12px;width:auto}.placeholder-content{flex:1;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.placeholder-header{font-size:24px;font-weight:700;color:#fff;background:linear-gradient(135deg,#48c1a9,#2a9d8f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.placeholder-calendar{background:#ffffff0d;border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.1)}.placeholder-month{font-size:16px;font-weight:600;color:#fff;margin-bottom:12px;text-align:center}.placeholder-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.placeholder-weekdays span{text-align:center;font-size:10px;color:#ffffff80;font-weight:500}.placeholder-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.placeholder-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fffc;background:#ffffff08;border-radius:6px;position:relative}.placeholder-day.today{background:linear-gradient(135deg,#48c1a9,#2a9d8f);color:#fff;font-weight:700}.placeholder-day.weekend{color:#fff6}.placeholder-day.has-shift:after{content:"";position:absolute;bottom:3px;width:4px;height:4px;background:#48c1a9;border-radius:50%}.placeholder-day.today.has-shift:after{background:#fff}.placeholder-home-indicator{width:35%;height:5px;background:#ffffff4d;border-radius:3px;margin:8px auto 12px}@media(max-width:968px){.iphone-mockup{width:260px;height:540px;transform:perspective(1000px) rotateY(0) rotateX(0)}.iphone-frame{border-radius:48px;padding:10px}.iphone-screen{border-radius:40px}.iphone-dynamic-island{width:85px;height:28px;top:16px}.iphone-reflection{border-radius:48px}.placeholder-status-bar{padding:45px 20px 6px;font-size:12px}.placeholder-header{font-size:20px}.placeholder-month{font-size:14px}.placeholder-day{font-size:9px}}@media(max-width:968px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-subtitle{margin-left:auto;margin-right:auto}}.orbital-container{position:relative;width:100%;height:850px;display:flex;align-items:center;justify-content:center}.orbital-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:900px;pointer-events:none;z-index:1}.orbital-line{fill:none;stroke:#48c1a9;stroke-width:2;stroke-linecap:round;opacity:.5;transition:all .3s ease}.orbital-container:hover .orbital-line{opacity:.8;stroke-width:2.5}.orbital-dot{fill:#48c1a9;opacity:.9}.orbital-center-glow{fill:none;stroke:#48c1a94d;stroke-width:1}.orbital-center-glow.outer{animation:orbitalPulse 3s ease-in-out infinite}.orbital-center-glow.middle{stroke:#48c1a966;animation:orbitalPulse 3s ease-in-out infinite .3s}.orbital-center-glow.inner{stroke:#48c1a980;animation:orbitalPulse 3s ease-in-out infinite .6s}@keyframes orbitalPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.orbital-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);z-index:10;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.orbital-hub-icon{width:100px;height:100px;background:linear-gradient(135deg,#48c1a9,#2a9d8f);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:2.8rem;color:#fff;box-shadow:0 0 50px #48c1a980,0 0 100px #48c1a94d;animation:hubGlow 3s ease-in-out infinite}@keyframes hubGlow{0%,to{box-shadow:0 0 50px #48c1a980,0 0 100px #48c1a94d}50%{box-shadow:0 0 60px #48c1a9b3,0 0 120px #48c1a966}}.orbital-node{position:absolute;top:50%;left:50%;z-index:5;opacity:0;transform:translate(0);transition:none}.orbital-container.is-visible .orbital-node{opacity:1;transform:translate(var(--target-x),var(--target-y));transition:transform .8s cubic-bezier(.34,1.56,.64,1),opacity .5s ease-out;transition-delay:var(--delay, 0s)}.orbital-line{stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset .8s ease-out}.orbital-container.is-visible .orbital-line{stroke-dashoffset:0;transition-delay:var(--line-delay, 0s)}.orbital-dot{opacity:0;transform:scale(0);transition:all .4s ease-out;transform-origin:center;transform-box:fill-box}.orbital-container.is-visible .orbital-dot{opacity:.9;transform:scale(1);transition-delay:var(--dot-delay, 0s)}.orbital-hub{transform:translate(-50%,-50%) scale(0);transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.orbital-container.is-visible .orbital-hub{transform:translate(-50%,-50%) scale(1)}.orbital-node-content{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid transparent;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;transform:translate(-50%,-50%);min-width:200px;max-width:240px}[data-theme=light] .orbital-node-content{border-color:#14163c0d}.orbital-node:hover .orbital-node-content{transform:translate(-50%,-50%) scale(1.05);box-shadow:var(--shadow-hover);border-color:#48c1a966}.orbital-node-icon{width:42px;height:42px;background:linear-gradient(135deg,#48c1a926,#2a9d8f26);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;transition:all .3s ease}.orbital-node:hover .orbital-node-icon{background:linear-gradient(135deg,#48c1a9,#2a9d8f);transform:scale(1.1)}.orbital-node-text{flex:1;min-width:0}.orbital-node-title{font-size:.95rem;font-weight:700;color:var(--secondary);margin-bottom:2px;line-height:1.2}.orbital-node-desc{font-size:.75rem;color:var(--text-body);line-height:1.3;margin:0}@media(max-width:1024px){.orbital-container{height:auto;min-height:600px;flex-direction:column;padding:40px 0}.orbital-svg{display:none}.orbital-hub{position:relative;top:auto;left:auto;transform:none;margin-bottom:40px}.orbital-node{position:relative;top:auto;left:auto;transform:none!important;margin:8px 0}.orbital-node-content{transform:none;min-width:100%;max-width:100%}.orbital-node:hover .orbital-node-content{transform:translateY(-4px)}}.features-molecular{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;padding:40px 0;min-height:600px}.molecular-column{display:flex;flex-direction:column;gap:16px;flex:1;max-width:380px;position:relative;z-index:5}.molecular-column.left{align-items:flex-end}.molecular-column.right{align-items:flex-start}.molecular-center{position:relative;width:160px;height:160px;flex-shrink:0;z-index:10;display:flex;align-items:center;justify-content:center}.molecular-hub{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.molecular-hub-ring{position:absolute;border-radius:50%;border:2px solid rgba(72,193,169,.3)}.molecular-hub-ring.ring-1{width:100%;height:100%;animation:ringPulse 3s ease-in-out infinite}.molecular-hub-ring.ring-2{width:130%;height:130%;border-color:#48c1a933;animation:ringPulse 3s ease-in-out infinite .5s}.molecular-hub-ring.ring-3{width:160%;height:160%;border-color:#48c1a91a;animation:ringPulse 3s ease-in-out infinite 1s}@keyframes ringPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.molecular-hub-icon{width:90px;height:90px;background:linear-gradient(135deg,#48c1a9,#2a9d8f);border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;box-shadow:0 0 40px #48c1a966,0 0 80px #48c1a933;position:relative;z-index:5;animation:iconGlow 3s ease-in-out infinite}@keyframes iconGlow{0%,to{box-shadow:0 0 40px #48c1a966,0 0 80px #48c1a933}50%{box-shadow:0 0 50px #48c1a999,0 0 100px #48c1a94d}}[data-theme=dark] .molecular-hub-icon{box-shadow:0 0 50px #48c1a980,0 0 100px #48c1a94d}.molecular-node{display:flex;align-items:center;gap:12px;position:relative;animation:nodeAppear .5s ease-out backwards;animation-delay:var(--delay, 0s)}@keyframes nodeAppear{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.molecular-column.right .molecular-node{animation-name:nodeAppearRight}@keyframes nodeAppearRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.molecular-node-dot{width:12px;height:12px;background:linear-gradient(135deg,#48c1a9,#2a9d8f);border-radius:50%;flex-shrink:0;box-shadow:0 0 10px #48c1a980;transition:all .3s ease}.molecular-node:hover .molecular-node-dot{transform:scale(1.3);box-shadow:0 0 20px #48c1a9cc}.molecular-connector{display:flex;align-items:center;flex-shrink:0}.molecular-connector.left,.molecular-connector.right{flex-direction:row}.connector-dot{width:14px;height:14px;background:linear-gradient(135deg,#48c1a9,#2a9d8f);border-radius:50%;flex-shrink:0;box-shadow:0 0 12px #48c1a999;transition:all .3s ease;position:relative;z-index:5}.molecular-node:hover .connector-dot{transform:scale(1.3);box-shadow:0 0 25px #48c1a9e6}.connector-line{width:60px;height:2px;background:linear-gradient(90deg,#48c1a9,#48c1a94d);transition:all .3s ease}.molecular-connector.left .connector-line{background:linear-gradient(90deg,#48c1a94d,#48c1a9)}.molecular-node:hover .connector-line{width:80px;background:linear-gradient(90deg,#48c1a9,#48c1a980);box-shadow:0 0 10px #48c1a966}.molecular-connector.left .molecular-node:hover .connector-line{background:linear-gradient(90deg,#48c1a980,#48c1a9)}.molecular-column.left .molecular-node{flex-direction:row}.molecular-node-content{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;max-width:320px}.molecular-column.left .molecular-node-content{flex-direction:row-reverse;text-align:right}[data-theme=light] .molecular-node-content{border-color:#14163c0d}.molecular-node:hover .molecular-node-content{transform:translate(8px);box-shadow:var(--shadow-hover);border-color:#48c1a966}.molecular-column.left .molecular-node:hover .molecular-node-content{transform:translate(-8px)}.molecular-node-icon{width:44px;height:44px;background:linear-gradient(135deg,#48c1a926,#2a9d8f26);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;transition:all .3s ease}.molecular-node:hover .molecular-node-icon{background:linear-gradient(135deg,#48c1a9,#2a9d8f);transform:scale(1.1)}.molecular-node-text{flex:1;min-width:0}.molecular-node-title{font-size:1rem;font-weight:700;color:var(--secondary);margin-bottom:2px;line-height:1.3}.molecular-node-desc{font-size:.8rem;color:var(--text-body);line-height:1.4;margin:0}@media(max-width:1024px){.features-molecular{flex-direction:column;gap:30px;min-height:auto}.molecular-connections{display:none}.molecular-column{max-width:100%;width:100%;order:2}.molecular-column.left,.molecular-column.right{align-items:center}.molecular-column.left .molecular-node,.molecular-column.right .molecular-node{flex-direction:row}.molecular-column.left .molecular-node-content{flex-direction:row;text-align:left}.molecular-connector{display:none}.molecular-node-content{max-width:100%;width:100%}.molecular-node:hover .molecular-node-content,.molecular-column.left .molecular-node:hover .molecular-node-content{transform:translateY(-4px)}.molecular-center{width:140px;height:140px;order:1}.molecular-hub-icon{width:80px;height:80px;font-size:2rem;border-radius:18px}.molecular-hub-ring.ring-2,.molecular-hub-ring.ring-3{display:none}}@media(max-width:480px){.molecular-node-content{padding:14px 16px;gap:10px}.molecular-node-icon{width:40px;height:40px;font-size:1.1rem}.molecular-node-title{font-size:.95rem}.molecular-node-desc{font-size:.75rem}.molecular-center{width:120px;height:120px}.molecular-hub-icon{width:70px;height:70px;font-size:1.75rem}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.feature-card{background:var(--bg-card);padding:48px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:transform .3s ease;text-align:left;border:1px solid transparent}[data-theme=light] .feature-card{border-color:#14163c0d}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:#48c1a94d}.feature-icon{width:64px;height:64px;background:#48c1a91a;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.75rem;margin-bottom:24px}.feature-title{font-size:1.5rem;font-weight:700;margin-bottom:12px;color:var(--secondary)}@media(max-width:1024px){.features-radial{flex-direction:column;gap:30px}.features-column{max-width:100%;width:100%}.features-column.left,.features-column.right{align-items:center;text-align:center}.features-column.left .feature-node{flex-direction:row}.feature-node{max-width:100%;width:100%}.feature-node:hover,.features-column.left .feature-node:hover{transform:translateY(-4px)}.features-center{width:160px;height:160px;order:-1}.hub-icon{width:80px;height:80px;font-size:2.5rem;border-radius:20px}.features-connections{display:none}}@media(max-width:480px){.feature-node{padding:16px 20px;gap:12px}.feature-node-icon{width:44px;height:44px;font-size:1.25rem}.feature-node-title{font-size:1rem}.feature-node-desc{font-size:.8rem}.features-center{width:140px;height:140px}.hub-icon{width:70px;height:70px;font-size:2rem}}.screenshots-scroll-container{display:flex;gap:60px;overflow-x:auto;padding:40px 20px;scroll-snap-type:x mandatory;justify-content:center;flex-wrap:wrap}@media(min-width:1024px){.screenshots-scroll-container{flex-wrap:nowrap;justify-content:center;overflow:visible;gap:80px}}.screenshot-card{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;scroll-snap-align:center}.screenshot-label{font-size:1rem;font-weight:600;color:var(--text-body);margin-bottom:24px;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:30}.screenshot-tilt-left .screenshot-iphone{transform:perspective(1000px) rotateY(15deg) rotateX(2deg);transition:transform .5s cubic-bezier(.4,0,.2,1)}.screenshot-tilt-left:hover .screenshot-iphone{transform:perspective(1000px) rotateY(5deg) rotateX(0) translateY(-5px)}.screenshot-float .screenshot-iphone{transition:transform .5s cubic-bezier(.4,0,.2,1)}.screenshot-float:hover .screenshot-iphone{transform:scale(1.03) translateY(-5px)}.screenshot-tilt-right .screenshot-iphone{transform:perspective(1000px) rotateY(-15deg) rotateX(2deg);transition:transform .5s cubic-bezier(.4,0,.2,1)}.screenshot-tilt-right:hover .screenshot-iphone{transform:perspective(1000px) rotateY(-5deg) rotateX(0) translateY(-5px)}.screenshot-iphone{position:relative;width:260px;height:530px}.screenshot-frame{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);border-radius:48px;padding:10px;position:relative;box-shadow:0 0 0 2px #1a1a1a,0 0 0 3px #3d3d3d,0 0 0 4px #1a1a1a,0 20px 40px -10px #00000080,inset 0 0 2px #ffffff1a;overflow:hidden}[data-theme=dark] .screenshot-frame{background:linear-gradient(135deg,#2a2a2a,#404040,#2a2a2a);box-shadow:0 0 0 2px #2a2a2a,0 0 0 3px #505050,0 0 0 4px #2a2a2a,0 20px 40px -10px #000000b3,inset 0 0 2px #ffffff26}.screenshot-button{position:absolute;background:linear-gradient(to right,#3d3d3d,#2a2a2a,#3d3d3d);border-radius:2px;z-index:10}.screenshot-button-silent{width:3px;height:25px;left:-3px;top:100px}.screenshot-button-volume-up{width:3px;height:40px;left:-3px;top:150px}.screenshot-button-volume-down{width:3px;height:40px;left:-3px;top:200px}.screenshot-button-power{width:3px;height:65px;right:-3px;top:150px}.screenshot-dynamic-island{position:absolute;top:16px;left:50%;transform:translate(-50%);width:85px;height:26px;background:#000;border-radius:16px;z-index:10;display:flex;align-items:center;justify-content:flex-end;padding-right:8px}.screenshot-island-camera{width:8px;height:8px;background:radial-gradient(circle at 30% 30%,#1a3a5c,#0a1a2c,#000);border-radius:50%}.screenshot-screen{width:100%;height:100%;background:#000;border-radius:40px;overflow:hidden;position:relative}.screenshot-reflection{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:48px;background:linear-gradient(135deg,#ffffff1a,#fff0 40% 60%,#ffffff0a);z-index:20}.screenshot-screen-placeholder{width:100%;height:100%;background:linear-gradient(180deg,#1a1f35,#0f1421);display:flex;flex-direction:column}.screenshot-status-bar{display:flex;justify-content:space-between;align-items:center;padding:44px 20px 6px;color:#fff;font-size:12px;font-weight:600}.screenshot-content{flex:1;padding:12px 16px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.screenshot-home-indicator{width:35%;height:4px;background:#ffffff4d;border-radius:2px;margin:6px auto 10px}.screenshot-header{font-size:20px;font-weight:700;background:linear-gradient(135deg,#48c1a9,#2a9d8f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.screenshot-calendar{background:#ffffff0d;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.1)}.calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.nav-arrow{color:#48c1a9;font-size:18px;font-weight:700}.calendar-month{font-size:14px;font-weight:600;color:#fff}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:6px}.calendar-weekdays span{text-align:center;font-size:9px;color:#ffffff80;font-weight:500}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fffc;background:#ffffff08;border-radius:5px;position:relative}.calendar-day.today{background:linear-gradient(135deg,#48c1a9,#2a9d8f);color:#fff;font-weight:700}.calendar-day.weekend{color:#fff6}.calendar-day.has-shift.work{border-bottom:2px solid #48c1a9}.calendar-day.has-shift.night{border-bottom:2px solid #8b5cf6}.upcoming-shifts{margin-top:auto}.upcoming-title{font-size:11px;font-weight:600;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.shift-card{background:#48c1a926;border-left:3px solid #48c1a9;border-radius:8px;padding:10px 12px}.shift-card.morning{background:#48c1a926;border-left-color:#48c1a9}.shift-time{font-size:10px;color:#48c1a9;font-weight:600}.shift-name{font-size:12px;color:#fff;font-weight:500;margin-top:2px}.day-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.day-number{font-size:42px;font-weight:700;background:linear-gradient(135deg,#48c1a9,#2a9d8f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.day-info{display:flex;flex-direction:column}.day-name{font-size:14px;font-weight:600;color:#fff}.day-date{font-size:11px;color:#ffffff80}.day-shifts{display:flex;flex-direction:column;gap:10px}.day-shift-card{display:flex;align-items:center;background:#ffffff0d;border-radius:10px;padding:10px 12px;gap:10px}.shift-indicator{width:4px;height:36px;border-radius:2px}.shift-indicator.morning{background:linear-gradient(180deg,#48c1a9,#2a9d8f)}.shift-indicator.break{background:linear-gradient(180deg,#f59e0b,#d97706)}.shift-details{flex:1}.shift-title{font-size:12px;font-weight:600;color:#fff}.shift-timing{font-size:10px;color:#fff9;margin-top:2px}.shift-duration{font-size:9px;color:#48c1a9;margin-top:2px}.shift-icon{font-size:18px}.day-notes{background:#ffffff0d;border-radius:10px;padding:10px 12px;margin-top:auto}.notes-title{font-size:10px;font-weight:600;color:#ffffff80;text-transform:uppercase;margin-bottom:4px}.notes-content{font-size:11px;color:#fff}.editor-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.editor-cancel{font-size:12px;color:#ef4444;font-weight:500}.editor-title{font-size:14px;font-weight:600;color:#fff}.editor-save{font-size:12px;color:#48c1a9;font-weight:600}.editor-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:10px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.form-input{background:#ffffff14;border-radius:8px;padding:10px 12px;font-size:12px;color:#fff;border:1px solid rgba(255,255,255,.1)}.form-input.with-arrow{display:flex;justify-content:space-between;align-items:center}.form-input .arrow{color:#fff6;font-size:14px}.color-picker{display:flex;gap:8px}.color-option{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #48c1a980}.form-row{display:flex;gap:12px}.form-group.half{flex:1}@media(max-width:768px){.screenshots-scroll-container{gap:30px;padding:20px 10px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.screenshot-iphone{width:220px;height:450px}.screenshot-frame{border-radius:42px;padding:8px}.screenshot-screen{border-radius:35px}.screenshot-dynamic-island{width:70px;height:22px;top:14px}.screenshot-tilt-left .screenshot-iphone,.screenshot-tilt-right .screenshot-iphone{transform:perspective(1000px) rotateY(0) rotateX(0)}.screenshot-label{font-size:.85rem}}.contact-form{max-width:600px;margin:0 auto;background:var(--bg-card);padding:60px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}@media(max-width:768px){.hero-title{font-size:2.5rem}.nav-links{display:none}.hero{padding-top:120px}}.privacy-content h3,.terms-content h3{margin-top:40px;margin-bottom:20px;color:var(--secondary);font-weight:700}.privacy-content ul,.terms-content ul{list-style:none;padding-left:0;margin-bottom:20px}.privacy-content ul li,.terms-content ul li{margin-bottom:10px}.privacy-content a,.terms-content a{color:var(--primary);text-decoration:underline}.footer-links button,.footer-links a{color:var(--text-body);font-size:1rem;font-weight:500;text-align:left;padding:0;transition:color .2s ease;display:inline-block;opacity:1;background:none;border:none;cursor:pointer;font-family:inherit}.footer-links button:hover,.footer-links a:hover{color:var(--primary);text-decoration:none}[data-theme=dark] .footer-links button,[data-theme=dark] .footer-links a{color:var(--text-body)}[data-theme=dark] .footer-links button:hover,[data-theme=dark] .footer-links a:hover{color:var(--primary)}.store-actions{display:flex;gap:16px;flex-wrap:wrap}.store-btn{display:inline-flex;align-items:center;padding:8px 16px;background-color:#000;color:#fff;border-radius:10px;text-decoration:none;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);min-width:150px}[data-theme=light] .store-btn{background-color:#1a1a1a}[data-theme=dark] .store-btn{background-color:#fff;color:#000}.store-btn:hover{transform:translateY(-2px);opacity:.9;box-shadow:0 5px 15px #0003}.store-icon{width:28px;height:28px;margin-right:10px;fill:currentColor}.store-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.store-text small{font-size:.65rem;opacity:.8;font-weight:500}.store-text span{font-size:1.1rem;font-weight:700;letter-spacing:.3px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--bg-card);color:var(--text-main);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-hover);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}[data-theme=dark] .modal-header{border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--primary)}.close-btn{font-size:2rem;line-height:1;color:var(--text-body);background:none;border:none;cursor:pointer;padding:0}.modal-body{padding:24px;overflow-y:auto}.modal-body h3{color:var(--text-main);margin-top:24px;font-size:1.1rem}.modal-body p{color:var(--text-body);line-height:1.6}