.creator-studio-root{--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--gradient-accent:linear-gradient(135deg,var(--color-finalcut),var(--color-motion),var(--color-compressor));--gradient-text:linear-gradient(135deg,#c084fc,#60a5fa,#2dd4bf);--section-padding:clamp(60px,10vw,160px);--container-width:1400px;--container-padding:clamp(16px,4vw,60px);--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-smooth:.4s cubic-bezier(.4,0,.2,1);--transition-spring:.6s cubic-bezier(.34,1.56,.64,1);--shadow-glow:0 0 60px -10px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;background:var(--color-background-primary);color:var(--color-text-primary);font-family:var(--font-body);scroll-behavior:smooth;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}.creator-studio-root *{box-sizing:border-box}.noise-overlay{pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.gradient-orb{filter:blur(120px);pointer-events:none;z-index:0;opacity:.4;border-radius:50%;position:fixed}.orb-1{background:var(--color-finalcut);width:600px;height:600px;animation:20s ease-in-out infinite float;top:-200px;right:-200px}.orb-2{background:var(--color-motion);width:500px;height:500px;animation:25s ease-in-out infinite reverse float;bottom:20%;left:-150px}.orb-3{background:var(--color-compressor);width:400px;height:400px;animation:18s ease-in-out 5s infinite float;bottom:-100px;right:20%}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(20px,30px)scale(1.02)}}.hero{min-height:calc(100vh - 80px);padding:100px var(--container-padding)60px;max-width:var(--container-width);z-index:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;margin:0 auto;display:grid;position:relative}@media (max-width:1100px){.hero{text-align:center;flex-direction:column;grid-template-columns:1fr;justify-content:center;min-height:auto;padding-top:140px;padding-bottom:40px;display:flex}.hero-content{margin:0 auto;padding-bottom:40px}}.hero-content{max-width:800px}.hero-badge{background:var(--bg-card);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:100px;align-items:center;gap:10px;margin-bottom:32px;padding:8px 16px 8px 12px;font-size:13px;font-weight:500;animation:.8s ease-out fadeInUp;display:inline-flex}.badge-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.05}.title-line{animation:.8s ease-out backwards fadeInUp;display:block}.title-line:first-child{animation-delay:.1s}.title-line:nth-child(2){animation-delay:.2s}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--color-text-secondary);opacity:.8;max-width:500px;margin-bottom:40px;font-size:clamp(15px,1.5vw,18px);line-height:1.7;animation:.8s ease-out .3s backwards fadeInUp}.hero-actions{flex-wrap:wrap;gap:16px;animation:.8s ease-out .4s backwards fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{font-family:var(--font-body);transition:all var(--transition-smooth);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:10px;padding:16px 32px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-text-primary);color:var(--color-background-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px #ffffff26}.btn-primary svg{transition:transform var(--transition-fast)}.btn-primary:hover svg{transform:translate(4px)}.btn-secondary{background:var(--bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--color-border-hover)}.btn-outline{color:var(--color-text-primary);border:1px solid var(--color-border);background:0 0}.btn-outline:hover{background:var(--bg-card);border-color:var(--color-border-hover)}.hero-visual{perspective:1000px;justify-content:center;align-items:center;display:flex;position:relative}@media (max-width:1100px){.hero-visual{width:100%;margin-top:40px}}.app-showcase{transition:transform .8s var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff14;border-radius:40px;grid-template-columns:repeat(5,1fr);gap:20px;padding:30px;display:grid;position:relative;transform:rotateY(-10deg)rotateX(5deg);box-shadow:0 40px 100px -20px #00000080,inset 0 0 0 1px #ffffff0d}.app-showcase:hover{transform:rotateY(0)rotateX(0)}@media (max-width:1400px){.app-showcase{grid-template-columns:repeat(4,1fr);padding:24px}}@media (max-width:600px){.app-showcase{grid-template-columns:repeat(3,1fr);padding:16px;transform:none}.app-showcase:hover{transform:none}}.app-card-hero{border-radius:var(--radius-lg);transition:all .4s var(--transition-spring);cursor:pointer;z-index:1;background:0 0;border:none;flex-direction:column;align-items:center;gap:12px;padding:12px;display:flex;position:relative}.app-card-hero:after{content:"";opacity:0;border-radius:var(--radius-lg);z-index:-1;background:#fff;transition:opacity .3s;position:absolute;inset:0}.app-card-hero:hover{transform:scale(1.1)translateY(-5px)}.app-card-hero:hover:after{opacity:.05}.app-card-hero:hover{background:var(--bg-card-hover);border-color:var(--color-border-hover);transform:translateY(-8px)}.app-card-hero[data-app=finalcut]:hover{box-shadow:var(--shadow-glow)var(--color-finalcut)}.app-card-hero[data-app=logic]:hover{box-shadow:var(--shadow-glow)var(--color-logic)}.app-card-hero[data-app=motion]:hover{box-shadow:var(--shadow-glow)var(--color-motion)}.app-card-hero[data-app=compressor]:hover{box-shadow:var(--shadow-glow)var(--color-compressor)}.app-card-hero[data-app=mainstage]:hover{box-shadow:var(--shadow-glow)var(--color-mainstage)}.app-card-hero[data-app=pixelmator-pro]:hover{box-shadow:var(--shadow-glow)var(--color-pixelmator)}.app-card-hero[data-app=keynote]:hover{box-shadow:var(--shadow-glow)var(--color-keynote)}.app-card-hero[data-app=pages]:hover{box-shadow:var(--shadow-glow)var(--color-pages)}.app-card-hero[data-app=numbers]:hover{box-shadow:var(--shadow-glow)var(--color-numbers)}.app-card-hero[data-app=freeform]:hover{box-shadow:var(--shadow-glow)var(--color-freeform)}.app-icon-large img,.app-icon-large svg{width:48px;height:48px}.app-name-hero{font-family:var(--font-display);color:var(--color-text-muted);text-align:center;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700;transition:color .3s}.app-card-hero:hover .app-name-hero{color:var(--color-text-primary)}.section{padding:var(--section-padding)var(--container-padding);max-width:var(--container-width);z-index:1;margin:0 auto;position:relative}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-tag{font-family:var(--font-display);color:var(--color-text-muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px;font-size:11px;font-weight:800;display:inline-block}.section-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(28px,5vw,52px);font-weight:800}.section-desc{color:var(--color-text-secondary);opacity:.7;font-size:clamp(15px,2vw,18px);line-height:1.6}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.app-card{background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-smooth);flex-direction:column;padding:clamp(20px,4vw,32px);display:flex;position:relative;overflow:hidden}.app-card:before{content:"";background:var(--gradient-accent);opacity:0;height:3px;transition:opacity var(--transition-smooth);position:absolute;top:0;left:0;right:0}.app-card:hover{background:var(--bg-card-hover);border-color:var(--color-border-hover);transform:translateY(-4px)}.app-card:hover:before{opacity:1}.app-card[data-app=finalcut]:before{background:linear-gradient(90deg,var(--color-finalcut),#c084fc)}.app-card[data-app=logic]:before{background:linear-gradient(90deg,var(--color-logic),#fbbf24)}.app-card[data-app=motion]:before{background:linear-gradient(90deg,var(--color-motion),#60a5fa)}.app-card[data-app=compressor]:before{background:linear-gradient(90deg,var(--color-compressor),#2dd4bf)}.app-card[data-app=mainstage]:before{background:linear-gradient(90deg,var(--color-mainstage),#f87171)}.app-card-header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.app-icon svg{width:56px;height:56px}.app-meta{flex:1}.app-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:4px;font-size:22px;font-weight:700}.app-category{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.app-price{font-family:var(--font-display);color:var(--color-text-secondary);font-size:18px;font-weight:700}.app-description{color:var(--color-text-secondary);margin-bottom:20px;font-size:15px;line-height:1.7}.feature-tag{color:var(--color-text-muted);background:#ffffff0d;border-radius:100px;padding:6px 12px;font-size:12px;font-weight:500}.app-guides{border-top:1px solid var(--color-border);margin-bottom:24px;padding-top:20px}.guides-title{font-family:var(--font-display);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700}.guides-list{flex-direction:column;gap:8px;list-style:none;display:flex}.guide-link{color:var(--color-text-secondary);transition:color var(--transition-fast);align-items:center;gap:8px;font-size:14px;text-decoration:none;display:flex}.guide-link:before{content:"→";color:var(--color-text-muted);transition:all var(--transition-fast)}.guide-link:hover{color:var(--color-text-primary)}.guide-link:hover:before{color:var(--color-text-primary);transform:translate(4px)}.app-cta{color:var(--color-text-primary);transition:all var(--transition-fast);align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.app-cta:hover{gap:12px}.tools-section{background:linear-gradient(180deg,transparent,var(--color-background-secondary)20%,var(--color-background-secondary)80%,transparent)}.tools-filters{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px;display:flex}.filter-btn{font-family:var(--font-body);color:var(--color-text-secondary);background:var(--bg-card);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);border-radius:100px;padding:10px 20px;font-size:14px;font-weight:500}.filter-btn:hover{color:var(--color-text-primary);background:var(--bg-card-hover)}.filter-btn.active{color:var(--color-background-primary);background:var(--color-text-primary);border-color:var(--color-text-primary)}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-smooth);align-items:center;gap:16px;padding:20px;text-decoration:none;display:flex}.tool-card:hover{background:var(--bg-card-hover);border-color:var(--color-border-hover);transform:translate(8px)}.tool-card.hidden{display:none!important}.tool-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tool-info{flex:1;min-width:0}.tool-name{font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:2px;font-size:16px;font-weight:600}.tool-desc{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tool-badge{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#ffffff14;border-radius:100px;flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:600}.tool-badge.free{color:#22c55e;background:#22c55e26}.calculator-container{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}@media (max-width:900px){.calculator-container{grid-template-columns:1fr}}.calculator-main{background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:24px}.calc-badge{color:var(--color-text-secondary);background:#ffffff0d;border-radius:100px;align-items:center;gap:10px;margin-bottom:16px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.calc-title{font-family:var(--font-display);margin-bottom:8px;font-size:28px;font-weight:700}.calc-subtitle{color:var(--color-text-secondary)}.app-selector{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px;display:grid}@media (max-width:600px){.app-selector{grid-template-columns:1fr}}.app-checkbox{cursor:pointer}.app-checkbox input{display:none}.checkbox-content{background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-smooth);align-items:center;gap:12px;padding:12px;display:flex}.app-checkbox:hover .checkbox-content{background:var(--bg-card-hover);border-color:var(--color-border-hover)}.app-checkbox input:checked+.checkbox-content{border-color:var(--color-text-primary);background:#ffffff14}.checkbox-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.checkbox-info{flex:1}.checkbox-name{font-size:15px;font-weight:600;display:block}.checkbox-category{color:var(--color-text-muted);font-size:12px;display:block}.checkbox-price{color:var(--color-text-secondary);font-weight:700}.checkbox-check{border:2px solid var(--color-border);color:#0000;width:24px;height:24px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.app-checkbox input:checked+.checkbox-content .checkbox-check{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-background-primary)}.eligibility-check{border-top:1px solid var(--color-border);padding-top:20px}.eligibility-toggle{cursor:pointer;align-items:center;gap:16px;display:flex}.eligibility-toggle input{display:none}.toggle-switch{background:var(--color-border);width:48px;height:24px;transition:background var(--transition-smooth);border-radius:100px;position:relative}.toggle-switch:after{content:"";width:16px;height:16px;transition:transform var(--transition-smooth);background:#fff;border-radius:50%;position:absolute;top:4px;left:4px}.eligibility-toggle input:checked+.toggle-switch{background:#22c55e}.eligibility-toggle input:checked+.toggle-switch:after{transform:translate(24px)}.toggle-label{font-size:15px;font-weight:600;display:block}.toggle-hint{color:var(--color-text-muted);font-size:12px;display:block}.calculator-results{flex-direction:column;gap:20px;display:flex}.result-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:clamp(20px,5vw,32px)}.result-card.individual{background:var(--bg-card)}.result-card.bundle{background:linear-gradient(135deg,#9333ea1a,#3b82f61a);border-color:#ffffff1a;position:relative;overflow:hidden}.result-card.bundle:before{content:"";background:var(--gradient-accent);height:4px;position:absolute;top:0;left:0;right:0}.result-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.result-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:600}.result-tag{background:#ffffff14;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700}.result-tag.edu{color:#fff;background:#22c55e}.result-price{align-items:flex-start;gap:4px;margin-bottom:12px;display:flex}.result-price .currency{margin-top:8px;font-size:24px;font-weight:700}.result-price .amount{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(32px,8vw,40px);font-weight:800}.result-breakdown,.result-includes{color:var(--color-text-secondary);font-size:14px}.result-note{color:var(--color-text-muted);margin-top:16px;font-size:12px;font-style:italic}.result-recommendation{border-radius:var(--radius-lg);text-align:center;background:#22c55e1a;border:1px solid #22c55e33;flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex}@media (min-width:640px){.result-recommendation{text-align:left;flex-direction:row;align-items:flex-start}}.recommendation-icon{color:#fff;background:#22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.recommendation-title{margin-bottom:4px;font-weight:700}.recommendation-text{color:var(--color-text-secondary);font-size:14px;line-height:1.5}.result-cta{color:#000;transition:all var(--transition-smooth);background:#fff;border-radius:100px;justify-content:center;align-items:center;gap:12px;padding:14px;font-weight:700;text-decoration:none;display:flex}.result-cta:hover{transform:translateY(-2px);box-shadow:0 20px 40px #fff3}