.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero__video-container{z-index:var(--z-behind);position:absolute;inset:0}.hero__video{object-fit:cover;width:100%;height:100%}.hero__overlay{background:var(--hero-overlay);transition:background .5s;position:absolute;inset:0}.hero__content{z-index:var(--z-above);text-align:center;padding:var(--space-3xl)var(--container-padding);position:relative}.hero__title-wrapper{margin-bottom:var(--space-md);overflow:hidden}.hero__title{font-family:var(--font-serif);font-size:var(--text-6xl);letter-spacing:-.02em;color:var(--color-text-primary);font-weight:600;line-height:.95;transition:color .5s}.hero__title-line{display:block;overflow:hidden}.hero__title-text{opacity:0;display:block;transform:translateY(100%)}.hero__title-line:nth-child(2) .hero__title-text{color:var(--color-gold);font-style:italic}.hero__subtitle-wrapper{margin-bottom:var(--space-xl);overflow:hidden}.hero__subtitle{font-family:var(--font-sans);font-size:var(--text-xl);color:var(--color-white-70);opacity:0;font-weight:400;transform:translateY(30px)}.hero__cta-wrapper{opacity:0;transform:translateY(30px)}.hero__cta{align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-xl);font-size:var(--text-base);color:var(--color-dark);background:var(--color-gold);border-radius:var(--radius-full);transition:all var(--transition-base);font-weight:600;display:inline-flex}.hero__cta:hover{background:var(--color-cream);gap:var(--space-md);transform:scale(1.05)}.hero__cta-icon{width:24px;height:24px;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.hero__shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero__shape{filter:blur(80px);opacity:.3;border-radius:50%;position:absolute}.hero__shape--1{background:var(--color-orange);width:400px;height:400px;top:10%;left:10%}.hero__shape--2{background:var(--color-gold);width:300px;height:300px;top:50%;right:10%}.hero__shape--3{background:var(--color-cream);width:250px;height:250px;bottom:20%;left:30%}[data-theme=light] .hero__shape{opacity:.15}[data-theme=light] .hero__shape--1{background:var(--brand-gold)}[data-theme=light] .hero__shape--2{background:var(--brand-orange)}[data-theme=light] .hero__shape--3{background:var(--brand-cream)}[data-theme=light] .hero__title-line:nth-child(2) .hero__title-text{color:var(--brand-orange)}[data-theme=light] .hero__cta{background:var(--brand-orange);color:#fefefe}[data-theme=light] .hero__cta:hover{background:#b53512}
.strategy-visual{aspect-ratio:1;width:100%;max-width:500px;margin:0 auto;position:relative}.strategy-visual__circle{border:1px solid var(--color-cream);opacity:.2;border-radius:50%;position:absolute}.strategy-visual__circle--1{inset:0}.strategy-visual__circle--2{inset:15%}.strategy-visual__circle--3{background:radial-gradient(circle,var(--color-cream)0%,transparent 70%);opacity:.1;inset:30%}.strategy-visual__lines{flex-direction:column;justify-content:center;gap:10px;display:flex;position:absolute;inset:35%}.strategy-visual__lines span{background:linear-gradient(90deg,var(--color-cream),transparent);opacity:0;transform-origin:0;height:2px;display:block;transform:scaleX(0)}[data-theme=light] .strategy-visual__circle{border-color:var(--brand-orange)}[data-theme=light] .strategy-visual__circle--3{background:radial-gradient(circle,var(--brand-orange)0%,transparent 70%)}[data-theme=light] .strategy-visual__lines span{background:linear-gradient(90deg,var(--brand-orange),transparent)}
.design-visual{aspect-ratio:4/3;width:100%;max-width:500px;margin:0 auto;position:relative}.design-visual__gallery{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0;transform:perspective(1000px)rotateY(-10deg)}.design-visual__item{background:var(--color-white-05);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-white-10);overflow:hidden}.design-visual__item--1{background:linear-gradient(135deg,var(--color-gold),var(--color-orange));opacity:.3}.design-visual__item--2{background:linear-gradient(135deg,var(--color-cream),var(--color-gold));opacity:.25}.design-visual__item--3{background:linear-gradient(135deg,var(--color-orange),var(--color-dark));opacity:.2}.design-visual__frame{border:1px solid var(--color-white-10);border-radius:var(--radius-lg);pointer-events:none;position:absolute;inset:-10%}[data-theme=light] .design-visual__item--1{background:linear-gradient(135deg,var(--brand-gold),var(--brand-orange));opacity:.5}[data-theme=light] .design-visual__item--2{background:linear-gradient(135deg,var(--brand-cream),var(--brand-gold));opacity:.4}[data-theme=light] .design-visual__item--3{background:linear-gradient(135deg,var(--brand-orange),var(--brand-dark));opacity:.35}[data-theme=light] .design-visual__frame{border-color:#20120a26}
.dev-visual{width:100%;max-width:500px;padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;margin:0 auto;transition:background .5s,border-color .5s;position:relative}[data-theme=light] .dev-visual{background:var(--color-bg-elevated);box-shadow:var(--shadow-lg)}.dev-visual__code{font-family:SF Mono,Fira Code,monospace;font-size:var(--text-sm);line-height:2}.code-line{opacity:0;transform:translate(-30px)}.code-keyword{color:var(--color-orange)}.code-var{color:var(--color-cream)}.code-func{color:var(--color-gold)}.code-string{color:#98c379}.code-prop{color:var(--color-cream)}.code-num{color:var(--color-gold)}.dev-visual__grid{bottom:var(--space-md);right:var(--space-md);grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:absolute}.dev-visual__grid span{background:var(--color-white-10);opacity:0;border-radius:2px;width:8px;height:8px}[data-theme=light] .code-keyword{color:#b53512}[data-theme=light] .code-var{color:#8b6914}[data-theme=light] .code-func{color:#c43c16}[data-theme=light] .code-string{color:#2d7a3e}[data-theme=light] .code-prop{color:#8b6914}[data-theme=light] .code-num{color:#c43c16}[data-theme=light] .dev-visual__grid span{background:#20120a1a}
.growth-visual{width:100%;max-width:500px;margin:0 auto;position:relative}.growth-visual__metrics{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.metric{text-align:center;opacity:0;transform:translateY(30px)}.metric__value{font-family:var(--font-serif);font-size:var(--text-4xl);color:var(--color-gold);font-weight:600;line-height:1;display:block}.metric__suffix{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--color-gold)}.metric__label{font-size:var(--text-xs);color:var(--color-white-50);margin-top:var(--space-xs);display:block}.growth-visual__chart{width:100%;height:100px;position:relative}.growth-chart{width:100%;height:100%}.growth-chart__line{stroke-dasharray:400;stroke-dashoffset:400px}.growth-chart__fill{opacity:0}[data-theme=light] .metric__value,[data-theme=light] .metric__suffix{color:var(--brand-orange)}[data-theme=light] .growth-chart__line{stroke:var(--brand-orange)}
.layer{padding:var(--space-2xl)0;align-items:center;min-height:auto;display:flex;position:relative;overflow:hidden}.layer:first-of-type{padding-top:var(--space-lg)}.layer__bg{z-index:var(--z-behind);position:absolute;inset:0}.layer__bg-gradient{background:radial-gradient(at 30%,#ead09714 0%,#0000 50%);position:absolute;inset:0}.layer__bg-gradient--design{background:radial-gradient(at 70%,#f4bc621a 0%,#0000 50%)}.layer__bg-gradient--dev{background:radial-gradient(at 30%,#c43c1614 0%,#0000 50%)}.layer__bg-gradient--growth{background:radial-gradient(at 70%,#ead0971a 0%,#0000 50%)}.layer__bg-grid{opacity:.5;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.layer__bg-shapes{position:absolute;inset:0;overflow:hidden}.floating-element{opacity:.15;border-radius:50%;position:absolute}.floating-element--1{border:2px solid var(--color-cream);width:100px;height:100px;top:20%;right:15%}.floating-element--2{background:var(--color-gold);filter:blur(20px);width:60px;height:60px;top:60%;right:25%}.floating-element--3{background:var(--color-orange);filter:blur(10px);width:40px;height:40px;top:40%;right:10%}.layer__container{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.layer__container--reverse{direction:rtl}.layer__container--reverse>*{direction:ltr}.layer__content{opacity:0;transform:translate(-50px)}.layer__number{font-family:var(--font-serif);font-size:var(--text-6xl);color:var(--color-white-10);margin-bottom:var(--space-sm);font-weight:600;line-height:1}.layer__label{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);margin-bottom:var(--space-md);font-weight:600;display:inline-block}.layer__heading{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--space-lg);font-weight:500;line-height:1.2;transition:color .5s}.layer__text{font-size:var(--text-lg);color:var(--color-white-70);margin-bottom:var(--space-lg);max-width:50ch}.layer__tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.layer__tag{padding:var(--space-xs)var(--space-sm);font-size:var(--text-xs);color:var(--color-cream);background:var(--color-white-05);border:1px solid var(--color-white-10);border-radius:var(--radius-full);font-weight:500}.layer__visual{opacity:0;transform:translate(50px)}.layer__divider{width:100%;z-index:var(--z-above);position:absolute;bottom:0;left:0}.layer__divider svg{width:100%;height:80px;display:block}@media (max-width:968px){.layer__container{gap:var(--space-2xl);grid-template-columns:1fr}.layer__container--reverse{direction:ltr}.layer__visual{order:-1}}[data-theme=light] .layer__bg-gradient{background:radial-gradient(at 30%,#c43c160f 0%,#0000 50%)}[data-theme=light] .layer__bg-gradient--design{background:radial-gradient(at 70%,#f4bc6214 0%,#0000 50%)}[data-theme=light] .layer__bg-gradient--dev{background:radial-gradient(at 30%,#c43c160f 0%,#0000 50%)}[data-theme=light] .layer__bg-gradient--growth{background:radial-gradient(at 70%,#f4bc621a 0%,#0000 50%)}[data-theme=light] .layer__bg-grid{background-image:linear-gradient(#20120a08 1px,#0000 1px),linear-gradient(90deg,#20120a08 1px,#0000 1px)}[data-theme=light] .layer__number{color:#20120a14}[data-theme=light] .layer__tag{color:var(--color-text-secondary);background:#20120a0d;border-color:#20120a1a}[data-theme=light] .floating-element{opacity:.25}
.layers{background:var(--color-bg);transition:background-color .5s;position:relative}.layers__intro{padding:var(--space-xl)0 var(--space-md);text-align:center}.layers__title{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--color-text-primary);font-weight:500;line-height:1.2;transition:color .5s}.layers__title em{color:var(--color-gold)}[data-theme=light] .layers__title em{color:var(--brand-orange)}