:root{--black: #0c1220;--white: #f0ede8;--cream: #e3dfd8;--accent: #45ecc6;--accent-dark: #33cfac;--gray: #8892a2;--gray-light: #c0c7d1;--gray-mid: #97a0ae;--font-display: "Space Mono", monospace;--font-body: "DM Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}nav{position:fixed;top:0;width:100%;z-index:100;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#0c1220e0;backdrop-filter:blur(12px);border-bottom:1px solid rgba(245,242,237,.06)}.logo{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--white);text-decoration:none}.logo span{color:var(--accent)}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{font-family:var(--font-body);font-size:.9rem;color:var(--gray-light);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--white)}.cta-nav{font-family:var(--font-display)!important;font-size:.7rem!important;text-transform:uppercase;letter-spacing:.08em;color:var(--black)!important;background:var(--accent);padding:.6rem 1.4rem;transition:background .2s}.cta-nav:hover{background:var(--accent-dark);color:var(--black)!important}section{padding:6rem 2rem}.section-inner{max-width:1200px;margin:0 auto}.divider{border:none;border-top:1px solid rgba(245,242,237,.06)}.section-label{font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:2rem}.section-heading{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2;font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem}.btn{display:inline-block;font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;background:var(--accent);color:var(--black);padding:1rem 2.4rem;text-decoration:none;font-weight:700;transition:background .2s,transform .15s;border:none;cursor:pointer}.btn:hover{background:var(--accent-dark);transform:translateY(-1px)}.placeholder-media{position:relative;background:#f5f2ed08;border:1px dashed rgba(245,242,237,.12);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.75rem;color:var(--gray);text-align:center;padding:2rem;line-height:1.7}.placeholder-media.landscape{aspect-ratio:16/9}.hero-banner{padding-top:5rem;background:var(--black);border-bottom:1px solid rgba(61,216,181,.15);overflow:hidden}.hero-banner-inner{font-family:var(--font-display);font-size:clamp(3rem,8vw,7rem);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--white);text-transform:uppercase;text-align:center;padding:2.5rem 2rem;background:linear-gradient(135deg,var(--white) 60%,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-banner-sub{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.8rem);color:var(--gray-light);text-align:center;padding:0 2rem 2.5rem;letter-spacing:.02em}.hero{min-height:100vh;display:flex;align-items:center;padding:4rem 2rem}.hero-inner{max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}.hero h1{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.08;font-weight:700;letter-spacing:-.03em;margin-bottom:1.5rem}.hero h1 em{font-style:normal;color:var(--accent)}.hero .subtitle{font-size:1.2rem;line-height:1.65;color:var(--gray-light);max-width:500px;margin-bottom:2.5rem}.hero .placeholder-media{aspect-ratio:4/5}.origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.story-text{font-size:1.15rem;line-height:1.8;color:var(--gray-light)}.story-text p{margin-bottom:1.25rem}.story-text strong{color:var(--white);font-weight:500}.pullquote{font-family:var(--font-display);font-size:1.3rem;line-height:1.5;color:var(--white);border-left:3px solid var(--accent);padding-left:1.5rem;margin:2rem 0}.broken{background:#f5f2ed05}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem}.comparison-card{padding:2.5rem;border:1px solid rgba(245,242,237,.08)}.comparison-card.old{opacity:.6}.comparison-card.new{border-color:var(--accent)}.comparison-card h3{font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem}.comparison-card.old h3{color:var(--gray)}.comparison-card.new h3{color:var(--accent)}.comparison-card ol{list-style:none;counter-reset:steps}.comparison-card ol li{counter-increment:steps;font-size:1.1rem;line-height:1.65;color:var(--gray-light);border-bottom:1px solid rgba(245,242,237,.04);padding:.6rem 0 .6rem 2rem;position:relative}.comparison-card ol li:before{content:counter(steps);position:absolute;left:0;font-family:var(--font-display);font-size:.75rem;color:var(--gray)}.comparison-card.new ol li{color:var(--white)}.comparison-card.new ol li:before{color:var(--accent)}.step-count{font-family:var(--font-display);font-size:.85rem;color:var(--gray);margin-top:1.5rem;text-transform:uppercase;letter-spacing:.1em}.comparison-card.new .step-count{color:var(--accent)}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.step{padding:2.5rem 2rem;border:1px solid rgba(245,242,237,.06);position:relative}.step-num{font-family:var(--font-display);font-size:3rem;font-weight:700;color:#3dd8b526;position:absolute;top:1rem;right:1.5rem}.step h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.step p{font-size:1.05rem;line-height:1.7;color:var(--gray-light)}.privacy{background:#3dd8b50a;border-top:1px solid rgba(61,216,181,.15);border-bottom:1px solid rgba(61,216,181,.15)}.privacy-inner{max-width:800px;margin:0 auto}.privacy h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2;font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem}.privacy p{font-size:1.1rem;line-height:1.75;color:var(--gray-light);margin-bottom:1.25rem}.privacy p strong{color:var(--white);font-weight:500}.privacy-box{background:#0c122080;border:1px solid rgba(245,242,237,.08);padding:2rem 2.5rem;margin-top:2rem}.privacy-box p{font-family:var(--font-display);font-size:.85rem;line-height:1.7;color:var(--white);margin-bottom:.75rem}.privacy-box p:last-child{margin-bottom:0}.products-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:3rem}.product-card{border:1px solid rgba(245,242,237,.08);overflow:hidden}.product-card .placeholder-media{aspect-ratio:3/2;border:none;border-bottom:1px solid rgba(245,242,237,.06)}.product-info{padding:2rem}.product-info h3{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.product-info .price{font-family:var(--font-display);font-size:.8rem;color:var(--accent);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.product-info p{font-size:1.05rem;line-height:1.7;color:var(--gray-light)}.contact{background:#f5f2ed05}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-text p{font-size:1.1rem;line-height:1.75;color:var(--gray-light);margin-bottom:1rem}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gray-mid)}.form-group input,.form-group textarea,.form-group select{background:#f5f2ed0a;border:1px solid rgba(245,242,237,.1);color:var(--white);font-family:var(--font-body);font-size:1.05rem;padding:1rem;outline:none;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:120px}.form-group select option{background:var(--black)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.checkbox-group{flex-direction:row;align-items:flex-start;gap:.75rem}.checkbox-group input[type=checkbox]{width:18px;height:18px;margin-top:.15rem;accent-color:var(--accent);flex-shrink:0}.checkbox-group label{font-family:var(--font-body);font-size:.85rem;text-transform:none;letter-spacing:0;color:var(--gray-light);line-height:1.5}.checkbox-group label strong{color:var(--white);font-weight:500}.about-note{max-width:700px;margin:0 auto;text-align:center;padding:3rem 2rem 1rem;font-size:.85rem;line-height:1.7;color:var(--gray);font-style:italic}.about-note a{color:var(--gray-light)}footer{padding:3rem 2rem;border-top:1px solid rgba(245,242,237,.06)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-left{font-family:var(--font-display);font-size:.75rem;color:var(--gray)}.footer-right{font-size:.85rem;color:var(--gray)}.footer-right a{color:var(--gray-light);text-decoration:none;margin-left:1.5rem;transition:color .2s}.footer-right a:hover{color:var(--accent)}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0c1220d9;backdrop-filter:blur(8px);z-index:200;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal{background:var(--black);border:1px solid rgba(245,242,237,.1);padding:3rem;max-width:500px;width:90%;text-align:center;position:relative}.modal-icon{font-size:3rem;margin-bottom:1.5rem;line-height:1}.modal h3{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:var(--white)}.modal p{font-size:1.05rem;line-height:1.7;color:var(--gray-light);margin-bottom:.75rem}.modal p:last-of-type{margin-bottom:2rem}.modal-close{display:inline-block;font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gray);background:none;border:1px solid rgba(245,242,237,.1);padding:.75rem 2rem;cursor:pointer;transition:color .2s,border-color .2s}.modal-close:hover{color:var(--white);border-color:var(--accent)}.popup-x{position:absolute;top:1rem;right:1.25rem;background:none;border:none;color:var(--gray);font-size:1.5rem;cursor:pointer;line-height:1;transition:color .2s}.popup-x:hover{color:var(--white)}.popup-form{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.popup-form .form-group{margin:0}.popup-form input{background:#f5f2ed0a;border:1px solid rgba(245,242,237,.1);color:var(--white);font-family:var(--font-body);font-size:1.05rem;padding:1rem;width:100%;outline:none;transition:border-color .2s}.popup-form input:focus{border-color:var(--accent)}.popup-form input::placeholder{color:var(--gray)}.popup-dismiss{display:block;margin:1.5rem auto 0;background:none;border:none;color:var(--gray);font-size:.8rem;cursor:pointer;font-family:var(--font-body);transition:color .2s}.popup-dismiss:hover{color:var(--gray-light)}@media(max-width:900px){section{padding:4rem 1.5rem}.hero-banner-inner{font-size:clamp(2rem,8vw,3.5rem);padding:2rem 1.5rem}.hero{padding:3rem 1.5rem;min-height:auto}.hero-inner,.origin-grid,.comparison,.contact-grid,.products-grid,.how-steps{grid-template-columns:1fr}.hero-inner{gap:2rem}.nav-links a:not(.cta-nav){display:none}.form-row{grid-template-columns:1fr}.hero h1{font-size:2.6rem}.hero .subtitle{font-size:1.15rem;line-height:1.7}.section-heading{font-size:1.5rem;line-height:1.3}.section-label{font-size:.75rem}.story-text{font-size:1.1rem;line-height:1.8}.pullquote{font-size:1.15rem;line-height:1.6}.privacy h2{font-size:1.5rem}.privacy p{font-size:1.05rem;line-height:1.8}.privacy-box p{font-size:.9rem;line-height:1.8}.comparison-card{padding:1.75rem}.comparison-card ol li{font-size:1.05rem}.step-count{font-size:.8rem}.step{padding:2rem 1.5rem}.step h3{font-size:1.05rem}.step p{font-size:1rem;line-height:1.7}.product-info h3{font-size:1.1rem}.product-info p{font-size:1rem;line-height:1.7}.product-info .price{font-size:.85rem}.contact-text p{font-size:1.05rem}.form-group label{font-size:.75rem}.form-group input,.form-group textarea,.form-group select{font-size:1.05rem;padding:1rem}.checkbox-group label{font-size:.95rem}.btn{font-size:.85rem;padding:1.1rem 2rem;width:100%;text-align:center}.about-note{font-size:.9rem;padding:2.5rem 1.5rem 1rem}.footer-inner{flex-direction:column;gap:1rem;text-align:center}.footer-left{font-size:.8rem}.footer-right a{margin:0 .75rem}.modal{padding:2.5rem 1.5rem}.modal h3{font-size:1.1rem}.modal p{font-size:1rem}}