@use 'variables' as *;@use 'variables' as *;:root{--ggp-color-primary: #2b6cee;--ggp-color-primary-light: #719df4;--ggp-color-primary-dark: #0f49bd;--ggp-color-secondary: #33c;--ggp-color-secondary-light: #7070db;--ggp-color-secondary-dark: #24248f;--ggp-color-accent: #719df4;--ggp-color-accent-glow: rgba(113,157,244,0.4);--ggp-color-white: #fff;--ggp-color-black: #0a0a0a;--ggp-color-gray-50: #f6f7f8;--ggp-color-gray-100: #eaecf0;--ggp-color-gray-200: #d3d7de;--ggp-color-gray-300: #b6bcc9;--ggp-color-gray-400: #8a94a8;--ggp-color-gray-500: #626d84;--ggp-color-gray-600: #4c5567;--ggp-color-gray-700: #363d49;--ggp-color-gray-800: #21242c;--ggp-color-gray-900: #111317;--ggp-color-success: #25b15f;--ggp-color-warning: #f99e1f;--ggp-color-error: #e23636;--ggp-color-info: #1aa2e6;--ggp-color-bg: #0a0a0a;--ggp-color-bg-surface: #111317;--ggp-color-bg-elevated: #21242c;--ggp-color-text: #eaecf0;--ggp-color-text-muted: #8a94a8;--ggp-color-border: #363d49;--ggp-font-family-base: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--ggp-font-family-mono: JetBrains Mono,Fira Code,Consolas,monospace;--ggp-transition-fast: 150ms ease;--ggp-transition-base: 300ms ease;--ggp-transition-slow: 500ms ease;--ggp-radius-sm: .25rem;--ggp-radius-md: .5rem;--ggp-radius-lg: .75rem;--ggp-radius-xl: 1rem;--ggp-shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);--ggp-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--ggp-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--ggp-shadow-glow: 0 0 20px rgba(43,108,238,0.3)}:root[data-theme="light"]{--ggp-color-bg: #f6f7f8;--ggp-color-bg-surface: #fff;--ggp-color-bg-elevated: #eaecf0;--ggp-color-text: #111317;--ggp-color-text-muted: #626d84;--ggp-color-border: #d3d7de}:root[data-flowstate-phase="focus"],.flowstate-phase--focus{--fs-color-bg: #FDFBF7;--fs-color-primary: #2C3E50;--fs-color-accent: #2980B9;--ggp-color-bg: #FDFBF7;--ggp-color-text: #2C3E50;--ggp-color-primary: #2980B9}:root[data-flowstate-phase="ideation"],.flowstate-phase--ideation{--fs-color-bg: #FFF9E6;--fs-color-primary: #E67E22;--fs-color-accent: #D35400;--ggp-color-bg: #FFF9E6;--ggp-color-text: #E67E22;--ggp-color-primary: #D35400}:root[data-flowstate-phase="execution"],.flowstate-phase--execution{--fs-color-bg: #1E1E1E;--fs-color-primary: #27AE60;--fs-color-accent: #2ECC71;--ggp-color-bg: #1E1E1E;--ggp-color-text: #E0E0E0;--ggp-color-primary: #2ECC71}:root[data-flowstate-phase="review"],.flowstate-phase--review{--fs-color-bg: #f5f5f5;--fs-color-primary: #8E44AD;--fs-color-accent: #9B59B6;--ggp-color-bg: #f5f5f5;--ggp-color-text: #8E44AD;--ggp-color-primary: #9B59B6}.fs-focus-halo{position:relative}.fs-focus-halo::after{content:'';position:absolute;inset:-4px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--ggp-transition-base),box-shadow var(--ggp-transition-base)}.fs-focus-halo--active::after{opacity:1;box-shadow:0 0 12px 2px var(--fs-color-accent, var(--ggp-color-primary))}.fs-focus-halo--suggestion::after{opacity:1;box-shadow:0 0 12px 2px #F0A500}@use 'variables' as *;@use 'mixins' as *;*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;color:#eaecf0;background-color:#0a0a0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#fff}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin-bottom:1rem;color:#eaecf0}a{color:#719df4;text-decoration:none;transition:color 150ms ease}a:hover{color:#2b6cee}a:focus-visible{outline:2px solid #2b6cee;outline-offset:2px}code{font-family:"JetBrains Mono","Fira Code","Consolas",monospace;font-size:0.9em;background:#21242c;padding:.25rem .5rem;border-radius:.25rem}img,video{max-width:100%;height:auto;display:block}.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:.5rem;left:.5rem;z-index:1400;width:auto;height:auto;clip:auto;padding:.5rem 1rem;background:#2b6cee;color:#fff;font-weight:700;border-radius:.5rem}:focus-visible{outline:2px solid #2b6cee;outline-offset:2px}::selection{background:rgba(43,108,238,0.3);color:#fff}.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:1rem}@media (min-width: 768px){.container{padding-inline:1.5rem}}@media (min-width: 1024px){.container{padding-inline:2rem}}.flex-center{display:flex;align-items:center;justify-content:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.text-center{text-align:center}.text-muted{color:#8a94a8}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-4{padding-left:1rem;padding-right:1rem}:root{--top-bar-height: 40px;--header-height: 70px;--ggp-color-accent: #33c}body{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;color:var(--ggp-color-gray-600);line-height:1.6;background-color:var(--ggp-color-gray-50);overflow-x:hidden;padding-top:110px}.top-headline-bar{background:linear-gradient(90deg, var(--ggp-color-primary) 0%, var(--ggp-color-accent) 100%);color:var(--ggp-color-white);height:var(--top-bar-height);position:fixed;top:0;left:0;width:100%;z-index:1002;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 10px;box-shadow:var(--ggp-shadow-sm)}.top-headline-bar h1{font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;margin:0;text-shadow:0 1px 2px rgba(0,0,0,0.1)}header{background-color:var(--ggp-color-white);box-shadow:var(--ggp-shadow-md);position:fixed;width:100%;top:var(--top-bar-height);height:var(--header-height);z-index:1000;transition:top var(--ggp-transition-base)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{font-size:22px;font-weight:800;color:var(--ggp-color-secondary-dark);text-transform:uppercase;letter-spacing:1px;z-index:1002}.logo span{color:var(--ggp-color-primary)}nav.nav-links ul{display:flex;gap:20px}nav.nav-links a{font-weight:500;font-size:14px;color:var(--ggp-color-secondary-dark);position:relative}nav.nav-links a:hover{color:var(--ggp-color-primary)}.nav-badge{background-color:var(--ggp-color-accent);color:var(--ggp-color-white);font-size:9px;padding:2px 5px;border-radius:var(--ggp-radius-sm);vertical-align:middle;margin-left:3px}.cta-btn{background-color:var(--ggp-color-primary);color:var(--ggp-color-white);padding:10px 20px;border-radius:var(--ggp-radius-md);font-weight:600;font-size:13px;border:2px solid var(--ggp-color-primary);white-space:nowrap;box-shadow:var(--ggp-shadow-md)}.cta-btn:hover{background-color:var(--ggp-color-white);color:var(--ggp-color-primary)}.hero{background:linear-gradient(rgba(40,55,71,0.8), rgba(40,55,71,0.8)),url("https://images.unsplash.com/photo-1485846234645-a62644f84728?ixlib=rb-1.2.1&auto=format&fit=crop&w=1940&q=80");background-size:cover;background-position:center;height:80vh;min-height:500px;display:flex;align-items:center;text-align:center;color:var(--ggp-color-white)}.hero-content{max-width:800px;margin:0 auto;padding:0 20px}.hero h1,.hero h2{font-size:42px;margin-bottom:20px;font-weight:700;line-height:1.2;color:var(--ggp-color-white)}.hero p{font-size:18px;margin-bottom:30px;opacity:0.95;max-width:600px;margin-left:auto;margin-right:auto;color:var(--ggp-color-white)}.hero-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.btn-solid,.btn-movie{padding:14px 28px;border-radius:5px;font-weight:600;cursor:pointer;font-size:15px;transition:all 0.3s ease}.btn-solid{background-color:var(--ggp-color-primary);border:2px solid var(--ggp-color-primary);color:var(--ggp-color-white)}.btn-solid:hover{background-color:transparent;color:var(--ggp-color-white);border-color:var(--ggp-color-white)}.btn-movie{background-color:var(--ggp-color-accent);border:2px solid var(--ggp-color-accent);color:var(--ggp-color-white)}.btn-movie:hover{background-color:transparent;color:var(--ggp-color-white);border-color:var(--ggp-color-white)}.trust-banner{background-color:var(--ggp-color-gray-50);padding:25px 0;text-align:center;border-bottom:1px solid var(--ggp-color-gray-200)}.logos-grid{display:flex;justify-content:center;gap:30px;opacity:0.5;flex-wrap:wrap;font-weight:bold;font-size:16px;color:var(--ggp-color-gray-500);padding:0 10px}.movie-section{padding:80px 0;background-color:var(--ggp-color-gray-900);color:var(--ggp-color-white);position:relative;overflow:hidden}.movie-section::before{content:"";position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:var(--ggp-color-accent);filter:blur(150px);opacity:0.2}.movie-flex{display:flex;flex-wrap:wrap;gap:50px;align-items:center}.movie-text{flex:1;min-width:300px}.movie-text h2{font-size:36px;margin-bottom:20px;background:-webkit-linear-gradient(0deg, var(--ggp-color-white), var(--ggp-color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.movie-text p{color:var(--ggp-color-gray-400)}.movie-visual{flex:1;min-width:300px;background:var(--ggp-color-gray-800);border:1px solid var(--ggp-color-gray-700);border-radius:var(--ggp-radius-lg);padding:20px;box-shadow:var(--ggp-shadow-lg)}.step{display:flex;gap:15px;margin-bottom:20px}.step-num{background:var(--ggp-color-accent);color:var(--ggp-color-white);width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;flex-shrink:0;font-size:14px}.step-content h4{color:var(--ggp-color-gray-100)}.step-content p{color:var(--ggp-color-gray-400)}.ui-mockup{background:var(--ggp-color-gray-800)}.ui-line{background:var(--ggp-color-gray-600)}.ui-header{color:var(--ggp-color-gray-400)}.services,.pricing-section{padding:60px 0}.section-header{text-align:center;margin-bottom:40px;padding:0 10px}.section-header h2{font-size:32px;color:var(--ggp-color-secondary-dark);margin-bottom:10px}.services-grid,.pricing-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.service-card,.pricing-card{background:var(--ggp-color-white);border:1px solid var(--ggp-color-gray-200);border-radius:var(--ggp-radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--ggp-shadow-sm)}.service-card{padding:30px 20px;text-align:center;transition:transform var(--ggp-transition-base),box-shadow var(--ggp-transition-base)}.service-card:hover{transform:translateY(-5px);box-shadow:var(--ggp-shadow-lg);border-color:var(--ggp-color-primary)}.icon-box{width:70px;height:70px;background-color:rgba(93,173,226,0.1);color:var(--ggp-color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:30px}.link-text{color:var(--ggp-color-primary);font-weight:700;font-size:14px;text-transform:uppercase}.pricing-header{padding:25px;text-align:center;background:var(--ggp-color-gray-50);border-bottom:1px solid var(--ggp-color-gray-200)}.pricing-features{padding:25px;flex-grow:1}.pricing-features ul li::before{color:var(--ggp-color-primary)}.pricing-footer{padding:0 25px 25px;text-align:center}.pricing-card.featured{border:2px solid var(--ggp-color-primary);transform:scale(1.05);z-index:2;box-shadow:var(--ggp-shadow-lg)}.pricing-card.cinema{background:var(--ggp-color-gray-50);border:2px solid var(--ggp-color-accent)}.pricing-features.cinema ul li::before{color:var(--ggp-color-accent)}.badge{background-color:var(--ggp-color-primary)}.badge-cinema{background-color:var(--ggp-color-accent)}footer{background-color:var(--ggp-color-gray-900);color:var(--ggp-color-gray-100);padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:30px;margin-bottom:40px}.footer-bottom{border-top:1px solid var(--ggp-color-gray-700);color:var(--ggp-color-gray-400)}.footer-col ul li a{color:var(--ggp-color-gray-400)}.footer-col ul li a:hover{color:var(--ggp-color-primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:2000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity var(--ggp-transition-base);backdrop-filter:blur(4px);padding:20px}.modal-overlay.active{display:flex;opacity:1}.modal-overlay.active .modal-content{transform:scale(1)}.modal-content{background:var(--ggp-color-white);width:100%;max-width:600px;border-radius:var(--ggp-radius-lg);position:relative;transform:scale(0.8);transition:transform var(--ggp-transition-base);max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--ggp-shadow-xl)}.modal-header{padding:15px 20px;border-bottom:1px solid var(--ggp-color-gray-200);display:flex;justify-content:space-between;background:var(--ggp-color-gray-50)}.modal-body{padding:20px;overflow-y:auto;color:var(--ggp-color-gray-600)}.modal-body h4{color:var(--ggp-color-primary);margin-top:15px}.modal-footer{padding:15px 20px;border-top:1px solid var(--ggp-color-gray-200);text-align:right}@media (max-width: 992px){.pricing-card.featured{transform:scale(1)}.hero h1,.hero h2{font-size:36px}}@media (max-width: 768px){body{padding-top:100px}.top-headline-bar h1{font-size:13px}nav.nav-links{position:fixed;top:110px;left:-100%;width:100%;height:calc(100vh - 110px);background-color:var(--ggp-color-white);flex-direction:column;padding:20px;transition:var(--ggp-transition-base);border-top:1px solid var(--ggp-color-gray-200)}nav.nav-links.active{left:0}nav.nav-links ul{flex-direction:column;align-items:center;gap:25px;margin-top:20px}nav.nav-links a{font-size:18px}.hero{height:auto;padding:60px 0}.hero h1,.hero h2{font-size:32px}.movie-flex{flex-direction:column}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:20px auto}}@media (max-width: 480px){.top-headline-bar h1{font-size:11px}.hero h1,.hero h2{font-size:28px}.logo{font-size:18px}.services-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;width:100%}.btn-solid,.btn-movie{width:100%}.footer-grid{grid-template-columns:1fr;text-align:center}}