:root{--cream: #F8FAFB;--warm-white: #F3F6F8;--sand: #D4DCE2;--stone: #5A6570;--stone-light: #7A8490;--stone-on-dark: #B0B8C0;--charcoal: #1A2028;--slate: #12171C;--accent: #2398A8;--accent-teal: #2BB6A8;--accent-blue: #2B87C4;--accent-dark: #1D7A8C;--grad-accent: linear-gradient(315deg, #2BB6A8 0%, #2B87C4 74%);--grad-accent-r: linear-gradient(135deg, #2B87C4 0%, #2BB6A8 100%);--grad-hero: linear-gradient(180deg, #F8FAFB 0%, #F3F6F8 40%, #EDF1F4 100%);--grad-mesh: radial-gradient(ellipse at 20% 30%, rgba(43, 182, 168, .12) 0%, transparent 50%), radial-gradient(ellipse at 80% 60%, rgba(43, 135, 196, .1) 0%, transparent 50%), radial-gradient(ellipse at 50% 100%, rgba(43, 135, 196, .08) 0%, transparent 40%);--shadow-sm: 0 2px 8px rgba(18, 23, 28, .06);--shadow-md: 0 8px 24px rgba(18, 23, 28, .08);--shadow-lg: 0 16px 48px rgba(18, 23, 28, .12);--shadow-glow: 0 0 60px rgba(43, 182, 168, .15);--font-display: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--section-py: 120px;--container: 1200px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--ease-out: cubic-bezier(.16, 1, .3, 1);--transition: all .3s var(--ease-out);--transition-slow: all .6s var(--ease-out)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--charcoal);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img,svg{display:block;max-width:100%}::selection{background:var(--accent);color:#fff}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:32px}.section{padding-block:var(--section-py);position:relative}.section--cream{background:var(--cream)}.section--warm{background:var(--warm-white)}.section--dark{background:var(--deep-brown);color:var(--cream)}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:16px;display:inline-block}.headline{font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:700;color:var(--charcoal);line-height:1.1;letter-spacing:-.03em}.headline--hero{font-size:clamp(44px,7vw,84px);line-height:1.02;letter-spacing:-.04em}.headline--section{font-size:clamp(32px,4vw,48px)}.subheadline{font-size:clamp(18px,2vw,22px);color:var(--stone);line-height:1.65;max-width:640px;font-weight:400}.body-text{font-size:17px;color:var(--stone);line-height:1.75}.gradient-text{background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:16px;font-weight:600;border:none;cursor:pointer;border-radius:100px;padding:16px 32px;transition:var(--transition);white-space:nowrap;text-decoration:none;position:relative;overflow:hidden}.btn--primary{background:var(--grad-accent);color:#fff;box-shadow:var(--shadow-md),0 4px 20px #2b87c440}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 8px 30px #2b87c459}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:transparent;color:var(--charcoal);border:2px solid var(--sand)}.btn--secondary:hover{border-color:var(--charcoal);background:var(--charcoal);color:var(--cream)}.btn--ghost{background:transparent;color:var(--charcoal);padding:16px 24px}.btn--ghost:hover{color:var(--accent-dark)}.btn--lg{font-size:18px;padding:20px 40px}.btn--dark{background:var(--charcoal);color:var(--cream)}.btn--dark:hover{background:var(--deep-brown);transform:translateY(-2px)}.btn .arrow{transition:transform .3s var(--ease-out)}.btn:hover .arrow{transform:translate(4px)}.announce{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;font-size:14px;font-weight:500;color:var(--charcoal);background:var(--warm-white);border-bottom:1px solid var(--sand);transition:var(--transition)}.announce:hover{background:var(--sand)}.announce__badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--grad-accent);border-radius:100px;padding:4px 10px}.announce__badge:before{content:"";width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.announce__text{color:var(--stone)}.announce__arrow{color:var(--accent-dark);font-weight:600;transition:transform .3s var(--ease-out)}.announce:hover .announce__arrow{transform:translate(3px)}.nav{position:sticky;top:0;left:0;right:0;z-index:100;background:#f8fafbe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(212,220,226,.5)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}.nav__logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.nav__logo img{height:32px;width:auto}.nav__badge{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dark);background:#2bb6a81a;border:1px solid rgba(43,182,168,.25);border-radius:100px;padding:4px 10px}.nav__links{display:flex;align-items:center;gap:8px}.nav__link{font-size:15px;font-weight:500;color:var(--stone);padding:10px 18px;border-radius:100px;transition:var(--transition)}.nav__link:hover{color:var(--charcoal);background:var(--sand)}.hero{position:relative;min-height:calc(100vh - 72px);display:flex;align-items:center;padding-block:80px 120px;overflow:hidden;background:var(--grad-hero)}.hero:before{content:"";position:absolute;inset:0;background:var(--grad-mesh);pointer-events:none}.hero__container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}.hero__content{max-width:600px}.hero__headline{margin-bottom:24px}.hero__sub{margin-bottom:40px}.hero__ctas{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px}.hero__note{font-size:15px;color:var(--stone);line-height:1.7;max-width:480px;padding-left:20px;border-left:2px solid var(--sand)}.hero__note strong{color:var(--charcoal);font-weight:600}.hero__visual{position:relative;perspective:1200px;height:500px}.film-strip{position:absolute;width:100%;height:100%;transform-style:preserve-3d;animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotateX(5deg) rotateY(-5deg)}50%{transform:translateY(-20px) rotateX(8deg) rotateY(-8deg)}}.film-frame{position:absolute;width:280px;aspect-ratio:16/9;background:var(--charcoal);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;transition:var(--transition-slow)}.film-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.film-frame--1{top:0;left:10%;transform:translateZ(60px) rotateY(-8deg) rotateX(3deg);background:linear-gradient(135deg,#2bb6a8,#2b87c4)}.film-frame--2{top:25%;right:5%;transform:translateZ(30px) rotateY(5deg) rotateX(-2deg);background:linear-gradient(135deg,#2b87c4,#3a5ba0)}.film-frame--3{bottom:10%;left:20%;transform:translateZ(0) rotateY(-3deg) rotateX(5deg);background:var(--slate)}.film-frame__content{width:100%;height:100%;display:flex;flex-direction:column;padding:16px;color:#fff}.film-frame__label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:8px}.film-frame__title{font-size:14px;font-weight:600;margin-bottom:auto}.film-frame__bars{display:flex;flex-direction:column;gap:6px}.film-frame__bar{height:8px;background:#fff3;border-radius:4px}.film-frame__bar--short{width:60%}.film-frame__bar--med{width:85%}.film-frame__bar--long{width:100%}.hero__float{position:absolute;border-radius:50%;background:var(--grad-accent);opacity:.12;pointer-events:none;animation:float-blob 12s ease-in-out infinite}.hero__float--1{width:300px;height:300px;top:-100px;right:-100px;animation-delay:0s}.hero__float--2{width:200px;height:200px;bottom:100px;left:-50px;background:var(--grad-accent-r);animation-delay:-4s}@keyframes float-blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.philosophy{background:var(--warm-white);border-block:1px solid var(--sand);padding-block:80px}.philosophy__inner{max-width:800px;margin-inline:auto;text-align:center}.philosophy__body{font-size:20px;color:var(--stone);line-height:1.8}.philosophy__body p+p{margin-top:24px}.philosophy__body strong{color:var(--charcoal);font-weight:600}.features{background:var(--cream)}.features__header{text-align:center;max-width:700px;margin-inline:auto;margin-bottom:80px}.features__header .subheadline{margin-inline:auto;margin-top:20px}.feature-card{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:100px}.feature-card:last-child{margin-bottom:0}.feature-card--reverse{direction:rtl}.feature-card--reverse>*{direction:ltr}.feature-visual{position:relative;aspect-ratio:4/3;border-radius:var(--radius-xl);overflow:hidden;background:var(--warm-white);box-shadow:var(--shadow-lg)}.feature-visual__gradient{position:absolute;inset:0;opacity:.9}.feature-visual--screenplay .feature-visual__gradient{background:linear-gradient(135deg,#2bb6a8,#2398a8)}.feature-visual--characters .feature-visual__gradient{background:linear-gradient(135deg,#2b87c4,#2bb6a8)}.feature-visual--storyboard .feature-visual__gradient{background:linear-gradient(135deg,#3a5ba0,#2b87c4)}.feature-visual--video .feature-visual__gradient{background:linear-gradient(135deg,var(--slate) 0%,#1E2530 100%)}.feature-visual__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;color:#fff;opacity:.9}.feature-visual__decoration{position:absolute;inset:20px;border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-lg)}.feature-visual__lines{position:absolute;bottom:24px;left:24px;right:24px;display:flex;flex-direction:column;gap:8px}.feature-visual__line{height:8px;background:#ffffff40;border-radius:4px}.feature-visual__line:nth-child(1){width:70%}.feature-visual__line:nth-child(2){width:100%}.feature-visual__line:nth-child(3){width:50%}.feature-content{max-width:480px}.feature-content__label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:16px}.feature-content__label--teal{color:#2398a8}.feature-content__label--blue{color:#2b87c4}.feature-content__label--slate{color:var(--charcoal)}.feature-content__headline{font-size:clamp(28px,3vw,36px);font-weight:700;color:var(--charcoal);line-height:1.15;letter-spacing:-.02em;margin-bottom:20px}.feature-content__body{font-size:17px;color:var(--stone);line-height:1.75;margin-bottom:28px}.feature-bullets{display:flex;flex-direction:column;gap:12px}.feature-bullets li{font-size:15px;color:var(--stone);padding-left:28px;position:relative;line-height:1.6}.feature-bullets li:before{content:"";position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:50%;background:var(--sand);border:3px solid var(--accent)}.feature-bullets--teal li:before{border-color:#2398a8}.feature-bullets--blue li:before{border-color:#2b87c4}.feature-bullets--slate li:before{border-color:var(--charcoal)}.workflow{background:var(--slate);color:var(--cream);position:relative;overflow:hidden}.workflow:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(43,182,168,.12) 0%,transparent 60%);pointer-events:none}.workflow__header{text-align:center;margin-bottom:80px;position:relative;z-index:1}.workflow__header .headline{color:var(--cream);margin-bottom:20px}.workflow__header .subheadline{margin-inline:auto;color:var(--stone-on-dark)}.workflow__diagram{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:60px;position:relative;z-index:1}.workflow__step{position:relative}.workflow__step:not(:last-child):after{content:"";position:absolute;top:40px;right:-12px;width:24px;height:2px;background:var(--accent-teal);opacity:.5}.workflow__card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;transition:var(--transition);height:100%}.workflow__card:hover{background:#ffffff14;transform:translateY(-4px)}.workflow__number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--grad-accent);border-radius:50%;font-size:16px;font-weight:700;color:#fff;margin-bottom:20px}.workflow__step-name{font-size:18px;font-weight:700;color:var(--cream);margin-bottom:8px}.workflow__step-desc{font-size:14px;color:var(--stone-on-dark);line-height:1.6}.workflow__footer{max-width:600px;margin-inline:auto;text-align:center;color:var(--stone-on-dark);font-size:16px;line-height:1.75;position:relative;z-index:1}.pricing{background:var(--cream);position:relative}.pricing__card{max-width:700px;margin-inline:auto;background:#fff;border:1px solid var(--sand);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:64px;text-align:center;position:relative;overflow:hidden}.pricing__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad-accent)}.pricing__headline{font-size:clamp(28px,4vw,40px);font-weight:700;color:var(--charcoal);margin-bottom:16px;letter-spacing:-.02em}.pricing__body{color:var(--stone);font-size:18px;line-height:1.7;margin-bottom:40px;max-width:480px;margin-inline:auto}.pricing__cta{margin-bottom:20px}.pricing__note{font-size:14px;color:var(--stone)}.final-cta{position:relative;overflow:hidden;text-align:center;padding-block:140px;background:var(--warm-white)}.final-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(43,182,168,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(43,135,196,.08) 0%,transparent 50%);pointer-events:none}.final-cta__content{position:relative;z-index:1;max-width:700px;margin-inline:auto}.final-cta__headline{margin-bottom:24px}.final-cta__sub{margin-inline:auto;margin-bottom:48px}.footer{background:var(--slate);color:var(--cream);padding-block:80px 40px}.footer__inner{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;margin-bottom:60px}.footer__brand{display:flex;flex-direction:column;gap:16px}.footer__logo{display:flex;align-items:center;gap:12px}.footer__logo img{height:28px;width:auto;filter:brightness(0) invert(1)}.footer__tagline{font-size:15px;color:var(--stone-on-dark);max-width:320px;line-height:1.7}.footer__links{display:grid;grid-template-columns:1fr 1fr;gap:48px}.footer__col-title{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--stone-on-dark);margin-bottom:20px}.footer__col ul{display:flex;flex-direction:column;gap:14px}.footer__col a{font-size:15px;color:var(--stone-on-dark);transition:var(--transition)}.footer__col a:hover{color:var(--cream)}.footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:32px;font-size:14px;color:var(--stone-on-dark)}@media(max-width:1024px){.hero__container{grid-template-columns:1fr;gap:60px}.hero__visual{height:400px}.feature-card{gap:48px}.workflow__diagram{grid-template-columns:repeat(2,1fr)}.workflow__step:nth-child(2):after{display:none}.workflow__step:nth-child(2) .workflow__card:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%) rotate(90deg);width:24px;height:2px;background:var(--accent-teal);opacity:.5}}@media(max-width:768px){:root{--section-py: 80px}.container{padding-inline:24px}.nav__inner{flex-wrap:wrap;height:auto;padding-block:16px;gap:16px}.nav__logo{width:100%;justify-content:center}.nav__links{width:100%;justify-content:center;flex-wrap:wrap}.hero{padding-block:60px 80px;min-height:auto}.hero__content{text-align:center}.hero__sub{margin-inline:auto}.hero__ctas{justify-content:center;flex-direction:column;align-items:center}.hero__note{text-align:center;padding-left:0;border-left:none;padding-top:20px;border-top:2px solid var(--sand);max-width:100%}.hero__visual{height:300px;margin-top:40px}.film-frame{width:200px}.feature-card{grid-template-columns:1fr;gap:40px;margin-bottom:80px}.feature-card--reverse{direction:ltr}.feature-content{text-align:center;max-width:100%}.feature-bullets{text-align:left;max-width:400px;margin-inline:auto}.workflow__diagram{grid-template-columns:1fr;max-width:320px;margin-inline:auto}.workflow__step:after{display:none!important}.workflow__step .workflow__card:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:2px;height:24px;background:var(--accent-teal);opacity:.5}.workflow__step:last-child .workflow__card:after{display:none}.pricing__card{padding:48px 32px}.footer__inner{grid-template-columns:1fr;gap:48px}.footer__links{grid-template-columns:1fr 1fr}.footer__brand{text-align:center;align-items:center}.footer__tagline{text-align:center}}@media(max-width:480px){.btn--lg{font-size:16px;padding:16px 32px;width:100%}.announce{flex-direction:column;gap:8px;text-align:center}.hero__visual{display:none}.feature-visual{aspect-ratio:16/9}.footer__links{grid-template-columns:1fr;text-align:center}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.fade-in.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.lift-on-hover{transition:var(--transition)}.lift-on-hover:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-animate{background-size:200% 200%;animation:gradient-shift 8s ease infinite}