*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;overflow-x:hidden;min-width:320px;min-height:100vh;place-items:center;max-width:1200px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0;padding:0}#root{max-width:1200px;margin:0 auto;text-align:center}:root{--primary: rgb(58, 40, 236);--secondary-red: rgb(234, 102, 81);--secondary-green: rgb(20, 146, 55);--primary-light: rgb(96, 82, 242);--text-dark: 58, 59, 60;--text-light: #666666;--bg-light: #f8f9fa;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--font-scale: 1.25;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem}nav{position:sticky;top:0;width:100vw;display:flex;justify-content:space-between;align-items:center;background-color:#fff;z-index:100;margin:0 auto;box-shadow:0 2px 4px #0000000d;padding:1rem var(--space-md)}nav p{font-weight:600;color:var(--primary);font-size:var(--text-xl);justify-self:center;display:flex;align-items:center;margin:0;font-size:1.5rem}.landing-container{display:flex;flex-direction:row-reverse;min-height:calc(100vh - var(--nav-height));width:100%;overflow-x:hidden;position:relative}.fixed-section{position:fixed;right:2rem;top:var(--nav-height);width:45%;height:calc(100vh - var(--nav-height) - var(--footer-height));display:flex;justify-content:center;align-items:center;padding:var(--space-md);height:100%}.fixed-card{background:#fff;border-radius:12px;padding:var(--space-md)}.scrollable-section,footer{width:45%;margin-left:auto;margin-right:45%;padding:0 2rem}.scrollable-section .card{padding:var(--space-lg) var(--space-md);text-align:left;max-width:600px;transform-origin:center bottom;transition:transform .3s ease-out;background:#fff;position:relative;z-index:1}.card{margin:2rem 0;padding:2rem;border-bottom:1px solid #eee}.card:first-child{min-height:100vh;margin-top:6rem}h1{font-size:clamp(2.5rem,5vw,3.75rem);line-height:1.1;margin-bottom:2rem;color:var(--text-dark);font-weight:700}h2{font-size:clamp(2rem,4vw,2.25rem);line-height:1.2;margin-bottom:var(--space-md);color:var(--text-dark);font-weight:600}h3{font-size:clamp(1.5rem,3vw,1.875rem);line-height:1.3;margin-bottom:var(--space-sm);color:var(--text-dark);font-weight:600}h4{font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.4;margin-bottom:var(--space-sm);color:var(--text-dark);font-weight:500}p{color:var(--text-light);font-size:var(--text-lg);margin-bottom:var(--space-sm);line-height:1.6}.small-text{font-size:var(--text-sm);line-height:1.5;color:var(--text-light)}button.primary{background-color:var(--primary);color:#fff;padding:.5rem 1.5rem;border-radius:16px;font-weight:600;transition:all .2s ease;border:none;margin:.25rem}button.primary:hover{background-color:var(--primary-light);transform:translateY(-1px)}button.secondary{background-color:transparent;color:var(--primary);padding:.5rem 1.5rem;border-radius:16px;font-weight:600;transition:all .2s ease;border:2px solid var(--primary);margin:.25rem}button.secondary:hover{background-color:var(--bg-light);transform:translateY(-1px);color:var(--primary-light);border-color:var(--primary-light);box-shadow:0 2px 4px #3a28ec1a}.button-group{display:flex;gap:.5rem;margin:.5rem 0}.card p:first-of-type{color:var(--text-light);font-weight:500;font-size:var(--text-base)}strong{color:var(--secondary-red)}@media (max-width: 768px){.landing-container{flex-direction:column;overflow-y:auto;min-height:100vh}.fixed-section{position:fixed;top:auto;bottom:0;left:0;right:0;height:40vh;width:100%;padding:var(--space-sm);background:#fff;box-shadow:0 -2px 10px #0000001a;z-index:10}.scrollable-section{width:100%;margin:0;padding:0 var(--space-sm);padding-bottom:40vh;max-width:600px}.card:first-child{min-height:auto;margin-top:0;margin-bottom:var(--space-md);height:auto}.fixed-card{height:100%;padding:var(--space-sm)}}.strike-through{position:relative;display:inline-block}.strike-through:after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background-color:#000;transform:scaleX(0);transform-origin:left;animation:strikeThrough .5s forwards .5s}@keyframes strikeThrough{to{transform:scaleX(1) rotate(0)}}.highlight{background:linear-gradient(45deg,var(--primary),var(--secondary-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-weight:700;padding:0 .1em}.highlight-animated{background:linear-gradient(45deg,var(--primary) 0%,var(--secondary-red) 50%,var(--primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:shine 3s linear infinite}@keyframes shine{to{background-position:200% center}}.card img{width:100%;max-width:600px;height:auto;margin:var(--space-md) 0;border-radius:8px}@media (max-width: 768px){.card img{max-width:100%}}.email-form{display:flex;gap:12px;width:100%;max-width:500px;margin:20px 0}.email-form input{flex:1;padding:12px 16px;border:2px solid #eaeaea;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff;color:#333}.email-form input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.email-form input::placeholder{color:#999}.email-form button{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.email-form button:hover{background:#0056b3;transform:translateY(-1px)}.email-form button:active{transform:translateY(0)}.success-message{color:#34c759;font-size:16px;font-weight:500;margin:20px 0;padding:12px 16px;background:#34c7591a;border-radius:8px;text-align:center}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:.5rem;width:100%;aspect-ratio:1;position:relative}.photo-cell{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:16px;opacity:1}.moving{z-index:1}.grid-photo{width:100%;height:100%;object-fit:cover}.zoom-in{animation:slowZoomIn 3s infinite alternate ease-in-out;transform-origin:center center}@keyframes slowZoomIn{0%{transform:scale(1)}to{transform:scale(1.2)}}.fade-transition{animation:fadeTransition .5s ease-in-out}@keyframes fadeTransition{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.slideUp .grid-photo{animation:slideUpOut .5s ease-in-out}.slideDown .grid-photo{animation:slideDownOut .5s ease-in-out}.slideLeft .grid-photo{animation:slideLeftOut .5s ease-in-out}.slideRight .grid-photo{animation:slideRightOut .5s ease-in-out}@keyframes slideUpOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes slideDownOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes slideLeftOut{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideRightOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.slideUpIn{animation:slideUpIn .5s ease-in-out;position:relative;z-index:2}.slideDownIn{animation:slideDownIn .5s ease-in-out;position:relative;z-index:2}.slideLeftIn{animation:slideLeftIn .5s ease-in-out;position:relative;z-index:2}.slideRightIn{animation:slideRightIn .5s ease-in-out;position:relative;z-index:2}@keyframes slideUpIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideLeftIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideRightIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.photo-cell[style*=animation]{position:relative;z-index:1}.text-content{display:flex;align-items:center;justify-content:center;height:100%;width:100%;color:#fff;font-size:clamp(.5rem,1vw,1.125rem);font-weight:700;text-align:center;padding:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.text-content.slideUp{animation:slideUpOut .5s ease-in-out}.text-content.slideDown{animation:slideDownOut .5s ease-in-out}.text-content.slideLeft{animation:slideLeftOut .5s ease-in-out}.text-content.slideRight{animation:slideRightOut .5s ease-in-out}.text-content.zoom-in{animation:zoomEffect 3s infinite alternate}