@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&family=DM+Sans:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--cream: #f8f5f0;--cream-dark: #efe9e0;--forest: #1a3a2f;--forest-light: #2d5a48;--copper: #b87333;--copper-light: #d4956a;--birch: #e8dfd3;--charcoal: #2c2c2c;--mist: #c4cdc8;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 6rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}.index{min-height:100vh;background:var(--cream);position:relative;overflow-x:hidden}.index:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:0}.index:after{content:"";position:fixed;top:-10%;right:-5%;width:40vw;height:60vh;background:radial-gradient(ellipse at center,var(--mist) 0%,transparent 70%);opacity:.4;pointer-events:none;z-index:0;animation:drift 30s ease-in-out infinite}@keyframes drift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-20px,20px) rotate(2deg)}}.content{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:var(--space-lg) var(--space-md)}header{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center;min-height:70vh;padding:var(--space-xl) 0}.heading{font-family:var(--font-display);font-size:clamp(3rem,6vw,5.5rem);font-weight:400;color:var(--forest);margin:0;line-height:1.05;letter-spacing:-.03em;position:relative}.heading:before{content:"";position:absolute;top:-1.5rem;left:0;width:60px;height:3px;background:var(--copper)}.text{font-family:var(--font-body);font-size:1.25rem;font-weight:400;color:var(--charcoal);opacity:.8;margin:var(--space-md) 0 0 0;max-width:480px;line-height:1.7}.formSection{background:var(--forest);border-radius:2px;padding:var(--space-lg);max-width:420px;position:relative;box-shadow:0 50px 100px -20px #1a3a2f40,0 30px 60px -30px #1a3a2f4d;animation:slideUp .8s var(--ease-out) .2s both}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.formSection:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,transparent 50%,var(--copper) 50%);opacity:.9}.formSection:after{content:"🔔";position:absolute;top:12px;right:14px;font-size:1.2rem;filter:grayscale(1) brightness(1.5);opacity:.9}.form{display:flex;flex-direction:column;gap:var(--space-md)}.label{display:flex;flex-direction:column;gap:var(--space-xs);font-family:var(--font-body)}.label span:first-child{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--mist)}.label span:last-child{font-size:.85rem;color:#ffffff80;font-style:italic}.input{padding:1.1rem 1.25rem;font-size:1rem;font-family:var(--font-body);border:2px solid transparent;border-radius:2px;background:#fffffff2;color:var(--charcoal);transition:all .3s var(--ease-out)}.input::placeholder{color:var(--mist)}.input:focus{outline:none;border-color:var(--copper);box-shadow:0 0 0 4px #b8733326}.button{background:var(--copper);color:#fff;padding:1.1rem 2rem;border:none;border-radius:2px;font-family:var(--font-body);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:all .4s var(--ease-out);position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.button:hover,.button:focus-visible{background:var(--copper-light);transform:translateY(-2px);box-shadow:0 10px 30px -10px #b8733380;outline:none}.button:hover:before{transform:translate(100%)}@media (hover: hover) and (pointer: fine){.button:hover{background:var(--copper-light);transform:translateY(-2px);box-shadow:0 10px 30px -10px #b8733380}.button:hover:before{transform:translate(100%)}}.button:active{transform:translateY(0)}.features{padding:var(--space-xl) 0;margin-top:var(--space-lg)}.featuresTitle{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:400;color:var(--forest);margin:0 0 var(--space-lg) 0;text-align:center;position:relative}.featuresTitle:after{content:"";display:block;width:40px;height:2px;background:var(--copper);margin:var(--space-sm) auto 0}.list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--birch);border:1px solid var(--birch)}.list>li{background:var(--cream);padding:var(--space-lg);position:relative;transition:all .5s var(--ease-out);counter-increment:feature}.list>li:before{content:"0" counter(feature);font-family:var(--font-display);font-size:3rem;font-weight:400;color:var(--birch);position:absolute;top:var(--space-sm);right:var(--space-md);line-height:1;transition:color .4s var(--ease-out)}.list>li:hover,.list>li:focus-within{background:var(--forest)}.list>li:hover:before,.list>li:focus-within:before{color:var(--forest-light)}@media (hover: hover) and (pointer: fine){.list>li:hover{background:var(--forest)}.list>li:hover:before{color:var(--forest-light)}.list>li:hover strong,.list>li:hover p{color:var(--cream)}}.list strong{display:block;font-family:var(--font-display);font-size:1.35rem;font-weight:500;color:var(--forest);margin-bottom:var(--space-sm);letter-spacing:-.01em;transition:color .4s var(--ease-out);position:relative;z-index:1}.list li p{margin:0;font-family:var(--font-body);font-size:.95rem;color:var(--charcoal);line-height:1.7;opacity:.85;transition:color .4s var(--ease-out);position:relative;z-index:1}.list>li:hover strong,.list>li:focus-within strong{color:var(--cream)}.list>li:hover p,.list>li:focus-within p{color:var(--cream);opacity:.9}.footer{margin-top:var(--space-xl);padding:var(--space-lg) 0;border-top:1px solid var(--birch);background:linear-gradient(180deg,var(--cream) 0%,var(--cream-dark) 100%)}.footerContent{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-md)}.footerSection h3{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--forest);margin:0 0 var(--space-xs) 0}.footerSection h4{font-family:var(--font-body);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--copper);margin:0 0 var(--space-sm) 0}.footerSection p{font-family:var(--font-body);font-size:.95rem;color:var(--charcoal);margin:0;line-height:1.6;opacity:.7}.footerLink{font-family:var(--font-body);font-size:.95rem;color:var(--forest);text-decoration:none;position:relative;transition:color .3s var(--ease-out);display:inline-block}.footerLink:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-out)}.footerLink:hover,.footerLink:focus-visible{color:var(--copper);outline:none}.footerLink:hover:after,.footerLink:focus-visible:after{transform:scaleX(1);transform-origin:left}@media (hover: hover) and (pointer: fine){.footerLink:hover{color:var(--copper)}.footerLink:hover:after{transform:scaleX(1);transform-origin:left}}.footerBottom{text-align:center;padding-top:var(--space-md);border-top:1px solid var(--birch)}.footerBottom p{font-family:var(--font-body);font-size:.8rem;color:var(--charcoal);margin:0;opacity:.5;letter-spacing:.05em}@media only screen and (max-width: 1024px){header{grid-template-columns:1fr;gap:var(--space-lg);min-height:auto;text-align:center}.heading:before{left:50%;transform:translate(-50%)}.text{margin:var(--space-md) auto 0}.formSection{margin:0 auto}.list{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 768px){.content{padding:var(--space-md) var(--space-sm)}header{padding:var(--space-lg) 0}.heading{font-size:2.5rem}.text{font-size:1.1rem}.formSection{padding:var(--space-md);max-width:100%}.list{grid-template-columns:1fr}.list>li{padding:var(--space-md)}.list>li:before{font-size:2rem;top:var(--space-xs);right:var(--space-sm)}.footerContent{grid-template-columns:1fr;gap:var(--space-md);text-align:center}.featuresTitle{font-size:1.5rem}}header{animation:fadeIn 1s var(--ease-out) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.features{animation:fadeIn 1s var(--ease-out) .3s both}.list>li{animation:fadeIn .6s var(--ease-out) both}.list>li:nth-child(1){animation-delay:.4s}.list>li:nth-child(2){animation-delay:.5s}.list>li:nth-child(3){animation-delay:.6s}.list>li:nth-child(4){animation-delay:.7s}.list>li:nth-child(5){animation-delay:.8s}.list>li:nth-child(6){animation-delay:.9s}@media (prefers-color-scheme: dark){:root{--cream: #1a1a1a;--cream-dark: #141414;--forest: #a8c5b8;--forest-light: #c4d9ce;--charcoal: #e8e8e8;--birch: #2a2a2a;--mist: #4a5a52}.index:before{opacity:.05}.formSection{background:#0d1f18;box-shadow:0 50px 100px -20px #00000080,0 30px 60px -30px #0006}.formSection:before{background:linear-gradient(135deg,transparent 50%,var(--copper) 50%)}.input{background:#ffffffe6;color:#2c2c2c;border-color:#ffffff4d}.input::placeholder{color:#888}.input:focus{border-color:var(--copper);background:#fffffff2}.list>li:hover,.list>li:focus-within{background:#0d1f18}.list>li:hover strong,.list>li:hover p,.list>li:focus-within strong,.list>li:focus-within p{color:#e8e8e8}.list>li:before{color:#2a2a2a}.list>li:hover:before{color:#1a2f25}}@media print{.index:before,.index:after{display:none}.formSection{box-shadow:none;border:1px solid #ccc}.list>li{break-inside:avoid}}