#hero{position:relative;overflow:hidden}.hero-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-video-overlay{position:fixed;inset:0;background:#00000038;z-index:1}#hero .section__inner{position:relative;z-index:2}.hero-ipad-wrapper{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:15;will-change:transform,opacity}.hero-ipad-device{width:960px;height:735px;pointer-events:none;filter:drop-shadow(0 48px 96px rgba(0,0,0,.38)) drop-shadow(0 20px 40px rgba(0,0,0,.28)) drop-shadow(0 4px 8px rgba(0,0,0,.15))}.hero-content{display:flex;flex-direction:column;align-items:flex-start;gap:32px;max-width:900px}.hero-label{margin-bottom:-16px}.hero-title{display:flex;gap:.05em}.hero-subtitle{max-width:520px}.hero-cta{opacity:1;transform:translateY(0);transition:opacity 1s ease,transform 1s ease}.hero-cta.will-animate{opacity:0;transform:translateY(20px);transition-delay:.9s}.hero-cta.revealed{opacity:1;transform:translateY(0)}.hero-scroll-hint{position:absolute;bottom:48px;left:50%;transform:translate(-50%);opacity:1;transition:opacity 1s ease}.hero-scroll-hint.will-animate{opacity:0;transition:opacity 1s ease 1.2s}.hero-scroll-hint.revealed{opacity:1}#device-showcase{position:relative;z-index:2;height:auto;min-height:100vh;padding:0;overflow:visible;background:transparent}.device-showcase-inner{position:relative;height:100%;max-width:none;padding:0}.device-showcase-header{position:relative;z-index:2;text-align:center;max-width:600px;margin:0 auto;padding:160px var(--site-padding-x) 80px}.device-showcase-header .label{display:block;margin-bottom:24px;color:#ffffffbf}.device-showcase-header h2{margin-bottom:16px;color:#fff}.device-showcase-header p{color:#ffffffd9}.device-zoom-stage{position:relative;width:100vw;margin-left:calc(-50vw + 50%);height:100vh;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;background:transparent;z-index:10;contain:layout style paint}.ipad-device{position:relative;z-index:3;width:960px;height:735px;margin-top:calc((100vh - 735px)/2);backface-visibility:hidden;will-change:transform,opacity;contain:layout style paint;filter:drop-shadow(0 48px 96px rgba(0,0,0,.38)) drop-shadow(0 20px 40px rgba(0,0,0,.28)) drop-shadow(0 4px 8px rgba(0,0,0,.15))}.ipad-device.performance-mode,.hero-ipad-device.performance-mode{filter:drop-shadow(0 16px 32px rgba(0,0,0,.35))}.ipad-device.performance-mode:after{display:none}.ipad-device.performance-mode .ipad-device-screen:after{opacity:0}.ipad-device:after{content:"";position:absolute;bottom:-10%;left:5%;right:5%;height:25%;background:radial-gradient(ellipse at center,rgba(0,0,0,.32) 0%,transparent 65%);filter:blur(24px);border-radius:50%;transform:scaleY(.3);pointer-events:none;z-index:-1}.ipad-device-bg{position:absolute;inset:0;z-index:1;pointer-events:none;will-change:opacity;border-radius:36px;overflow:hidden}.ipad-device-bg:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 2px #ffffff1f,inset 0 -1.5px #00000040,inset 1.5px 0 #ffffff0f,inset -1.5px 0 #0000001f,0 0 0 1px #ffffff0a;pointer-events:none;z-index:2}.ipad-device-bg img{width:100%;height:100%;object-fit:contain;display:block}.ipad-device-screen{position:absolute;inset:3% 2.8%;background:#000;border-radius:32px;overflow:hidden;z-index:1;will-change:border-radius}.ipad-device-screen:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(165deg,#ffffff17,#ffffff08 25%,#fff0 45% 70%,#ffffff0d);pointer-events:none;z-index:2}.ipad-device-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:none;display:block}.widget-slide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;transform:translate(100%);backface-visibility:hidden;will-change:transform;background:#000}.widget-slide-fourth{z-index:6}.widget-slide-third{z-index:5}.widget-slide-next{z-index:4}#ipad-device{z-index:3}.widget-slide iframe{position:relative;z-index:0;width:100%;height:100%;border:none;display:block}.widget-slide-caption{position:absolute;left:8vw;bottom:12vh;z-index:2;opacity:0;transform:translateY(20px) translateZ(0);-webkit-transform:translateY(20px) translateZ(0);pointer-events:none}.widget-slide-caption .label{display:block;margin-bottom:12px;color:#ffffff80;font-size:12px;letter-spacing:.15em}.widget-slide-caption h3{font-size:clamp(32px,5vw,64px);font-weight:600;color:#fff;line-height:1.1;margin-bottom:8px;text-shadow:0 0 20px rgba(255,255,255,.3),0 0 40px rgba(255,255,255,.15)}.widget-slide-caption p{font-size:clamp(14px,1.5vw,20px);color:#ffffffb3;max-width:400px}.iphone-device{position:absolute;z-index:2;width:900px;height:436px;top:calc((100vh - 436px)/2 - 80px);left:calc((100vw - 900px)/2);border-radius:100px;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity;opacity:0}.iphone-device iframe{position:absolute;inset:0;width:100%;height:100%;border:none;display:block;z-index:1;clip-path:inset(5% 1.8% 4% 1.8% round 50px)}.theme-device-video{position:absolute;inset:0;width:100%;height:100%;border:none;display:block;z-index:0;opacity:0;object-fit:cover;clip-path:inset(5% 1.8% 4% 1.8% round 50px);will-change:opacity}.iphone-device img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;z-index:2;pointer-events:none}#theme-video-3{object-fit:cover}.device-transition-overlay{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:5;will-change:opacity}.theme-content{position:absolute;left:8vw;top:calc((100vh - 436px)/2 - 80px);height:436px;display:flex;flex-direction:column;justify-content:center;max-width:480px;width:34vw;text-align:left;z-index:10;opacity:0;filter:blur(12px);pointer-events:none;will-change:transform,opacity,filter}.theme-content .label{display:block;margin-bottom:16px;color:#ffffff8c}.theme-content h2{font-size:clamp(48px,6vw,96px);margin-bottom:16px;color:#fff}.theme-content p{color:#ffffffbf;max-width:400px}.theme-content-right{position:absolute;right:6vw;top:calc((100vh - 436px)/2 - 80px);height:436px;display:flex;flex-direction:column;justify-content:center;max-width:380px;width:26vw;text-align:left;z-index:10;opacity:0;filter:blur(12px);pointer-events:none;will-change:transform,opacity,filter}.theme-content-right .label{display:block;margin-bottom:16px;color:#ffffff8c}.theme-content-right h2{font-size:clamp(48px,6vw,96px);margin-bottom:16px;color:#fff}.theme-content-right p{color:#ffffffbf;max-width:400px}.theme-content-top{position:absolute;left:50%;top:10vh;transform:translate(-50%) translateY(40px);max-width:860px;width:76vw;text-align:center;z-index:10;opacity:0;filter:blur(12px);pointer-events:none;will-change:transform,opacity,filter}.theme-content-top h2{font-size:clamp(36px,4.5vw,64px);line-height:1.25;letter-spacing:-.01em;color:#fff;max-width:720px;margin:0 auto}@media(max-width:768px){.theme-content{left:24px;top:calc((100vh - 436px)/2 + 380px);height:auto;transform:translateY(40px);max-width:280px;width:calc(100% - 48px)}.theme-content h2{font-size:2rem}.theme-content-right{right:24px;top:calc((100vh - 436px)/2 + 380px);height:auto;transform:translateY(40px);max-width:280px;width:calc(100% - 48px)}.theme-content-right h2{font-size:2rem}.theme-content-top{top:8vh;width:calc(100% - 48px);max-width:none}.theme-content-top h2{font-size:2rem}.ipad-device{width:340px;height:245px}#device-showcase{min-height:100vh;height:auto}}.hero-ipad-device{backface-visibility:hidden;will-change:transform,opacity}#ipad-showcase{position:relative;z-index:2;min-height:auto;padding:160px 0;overflow:visible;background:var(--color-bg)}.ipad-showcase-content{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.ipad-visual{display:flex;justify-content:center;perspective:1400px}.ipad-frame{position:relative;width:100%;max-width:720px;aspect-ratio:4 / 3;transform-style:preserve-3d;transition:transform .1s linear;will-change:transform;opacity:0;transform:translateY(60px)}.ipad-frame.visible{opacity:1;transform:translateY(0);transition:opacity 1s ease,transform 1.2s cubic-bezier(.16,1,.3,1)}.ipad-text{opacity:0;transform:translateY(40px)}.ipad-text.visible{opacity:1;transform:translateY(0);transition:opacity .8s ease .3s,transform .8s cubic-bezier(.16,1,.3,1) .3s}.ipad-bezel{position:relative;width:100%;height:100%;background:linear-gradient(145deg,#2e2e30,#1a1a1c,#0e0e10);border-radius:36px;padding:18px;box-shadow:0 0 0 1.5px #ffffff0f,0 0 0 4px #0006,0 80px 160px #0000008c,0 30px 60px #00000059;transition:box-shadow .6s ease}.ipad-camera{position:absolute;top:50%;left:10px;transform:translateY(-50%);width:10px;height:10px;background:#0a0a0b;border-radius:50%;z-index:10}.ipad-camera:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#1a1a2e;border-radius:50%}.ipad-screen{position:relative;width:100%;height:100%;background:#000;border-radius:22px;overflow:hidden}.ipad-screen iframe,.ipad-screen img{width:100%;height:100%;border:none;display:block;object-fit:cover}.ipad-bezel:before{content:"";position:absolute;top:80px;left:-3px;width:3px;height:50px;background:linear-gradient(180deg,#2a2a2c,#1a1a1c);border-radius:2px 0 0 2px}.ipad-text{display:flex;flex-direction:column;gap:28px;align-items:flex-start}.ipad-text .label{margin-bottom:-8px}.ipad-text h2{background:linear-gradient(135deg,var(--color-paper) 0%,var(--color-paper-shadow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ipad-body{display:flex;flex-direction:column;gap:20px}.ipad-body .body-large{max-width:440px;font-size:clamp(16px,1.5vw,20px);line-height:1.7}@media(max-width:1024px){.ipad-showcase-content{grid-template-columns:1fr;gap:60px}.ipad-text{text-align:center;align-items:center}.ipad-body .body-large{max-width:520px}.ipad-visual{order:-1}.ipad-frame{max-width:560px}}@media(max-width:768px){#ipad-showcase{padding:100px 0}.ipad-bezel{border-radius:24px;padding:12px}.ipad-screen{border-radius:14px}.ipad-camera{width:8px;height:8px}}#widgets{position:relative;z-index:2;min-height:auto;padding:200px 0;background:var(--color-bg)}.widgets-header{text-align:center;margin-bottom:140px}.widgets-header .label{display:block;margin-bottom:24px}.widgets-header h2{margin-bottom:16px}.widget-stages{display:flex;flex-direction:column;gap:160px}.widget-stage{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;opacity:1;transform:translateY(0);transition:opacity 1s ease,transform 1s cubic-bezier(.16,1,.3,1)}.widget-stage.will-animate{opacity:0;transform:translateY(80px)}.widget-stage.visible{opacity:1;transform:translateY(0);transition-delay:calc(var(--stage-index, 0) * .1s)}.widget-stage:nth-child(2n){grid-template-columns:.9fr 1.1fr}.widget-stage:nth-child(2n) .widget-frame-wrapper{order:2}.widget-stage:nth-child(2n) .widget-info{order:1;text-align:right;align-items:flex-end}.widget-frame-wrapper{position:relative;aspect-ratio:16 / 10;border-radius:28px;overflow:hidden;background:var(--color-bg-elevated);box-shadow:0 40px 100px #00000080;border:1px solid rgba(255,255,255,.04);transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s ease}.widget-stage:hover .widget-frame-wrapper{transform:translateY(-8px) scale(1.01);box-shadow:0 56px 120px #0009}.widget-frame-wrapper:before{content:"";position:absolute;inset:0;border-radius:28px;padding:1px;background:linear-gradient(135deg,#ffffff1a,#ffffff05,#ffffff0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.widget-frame-wrapper iframe{width:100%;height:100%;border:none;display:block}.widget-info{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.widget-info h3{background:linear-gradient(135deg,var(--color-paper) 0%,var(--color-paper-shadow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(32px,4vw,56px)}.widget-info .body-small{max-width:360px;font-size:clamp(15px,1.4vw,18px);line-height:1.7}.widget-number{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.15em;color:var(--color-accent);opacity:.8}#features{position:relative;z-index:2;min-height:auto;padding:160px 0;background:linear-gradient(180deg,var(--color-bg) 0%,rgba(18,18,20,.6) 50%,var(--color-bg) 100%)}.features-header{text-align:center;margin-bottom:80px}.features-header .label{display:block;margin-bottom:24px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{padding:40px 32px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:24px;opacity:1;transform:translateY(0);filter:blur(0);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1),filter .8s ease,background .5s ease,box-shadow .5s ease}.feature-card.will-animate{opacity:0;transform:translateY(40px);filter:blur(6px)}.feature-card.visible{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:calc(var(--card-index, 0) * .12s)}.feature-card:hover{transform:translateY(-8px);background:#ffffff0a;box-shadow:0 24px 60px #0000004d}.feature-icon{margin-bottom:24px}.feature-card h3{margin-bottom:12px;font-size:clamp(20px,2vw,28px)}#pro{position:relative;z-index:2;min-height:auto;padding:120px 0 60px;background:var(--color-bg)}.pro-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;opacity:1;transform:translateY(0);transition:opacity 1s ease,transform 1s cubic-bezier(.16,1,.3,1)}.pro-content.will-animate{opacity:0;transform:translateY(60px)}.pro-content.visible{opacity:1;transform:translateY(0)}.pro-text{display:flex;flex-direction:column;gap:24px}.pro-text .label{margin-bottom:8px}.pro-list{list-style:none;display:flex;flex-direction:column;gap:16px;margin-top:16px}.pro-list li{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--color-text-muted)}.pro-list svg{flex-shrink:0;width:20px;height:20px}.pro-visual{display:flex;justify-content:center}.phone-mockup{width:280px;height:570px;border-radius:48px;padding:12px;background:linear-gradient(145deg,#2a2a2c,#1a1a1c);box-shadow:0 48px 96px #00000080;overflow:hidden}.phone-mockup img{width:100%;height:100%;object-fit:cover;border-radius:36px}#download{position:relative;z-index:2;min-height:auto;padding:0;background:var(--color-bg)}#download .section__inner{padding:40px var(--site-padding-x) 24px}.cta-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:1;transform:translateY(0);transition:opacity 1s ease,transform 1s cubic-bezier(.16,1,.3,1)}.cta-content.will-animate{opacity:0;transform:translateY(40px)}.cta-content.visible{opacity:1;transform:translateY(0)}.cta-content h2{background:linear-gradient(135deg,var(--color-paper) 0%,var(--color-paper-shadow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:breathe-glow 4s ease-in-out infinite}@keyframes breathe-glow{0%,to{filter:drop-shadow(0 0 20px rgba(255,255,255,.8)) drop-shadow(0 0 60px rgba(255,255,255,.5)) drop-shadow(0 0 120px rgba(255,237,215,.3));opacity:1}50%{filter:drop-shadow(0 0 2px rgba(255,255,255,.08));opacity:.3}}.cta-content .body-large{max-width:480px}.cta-note{opacity:.5;margin-top:16px}.site-footer{padding:32px var(--site-padding-x);border-top:1px solid rgba(255,255,255,.08);background:var(--color-bg);position:relative;z-index:2}.site-footer .body-small{color:#ffffff80}.footer-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:12px;font-weight:600}.footer-brand img{border-radius:8px}@media(max-width:1024px){.widget-stage,.widget-stage:nth-child(2n){grid-template-columns:1fr;gap:40px}.widget-stage:nth-child(2n) .widget-frame-wrapper,.widget-stage:nth-child(2n) .widget-info{order:unset;text-align:left;align-items:flex-start}.features-grid{grid-template-columns:1fr}.pro-content{grid-template-columns:1fr;gap:60px}.pro-visual{order:-1}.phone-mockup{width:240px;height:488px}}