:root{color:#263238;font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{color:#2c3a35;min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}h1,h2,h3,p,a,button,input,textarea{font-family:inherit}a{color:inherit}.app{min-height:100vh}.navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#faf6f0eb;border-bottom:1px solid #5e4d411f;justify-content:space-between;align-items:center;min-height:72px;padding:0 max(5%,50vw - 600px);display:flex}.site-title{color:#2c3a35;letter-spacing:-.02em;font-size:1rem;font-weight:800;text-decoration:none}.navbar nav{gap:2rem;display:flex}.navbar nav a{color:#4d5e59;padding:.4rem 0;font-size:.95rem;text-decoration:none;position:relative}.navbar nav a:after{content:"";opacity:0;background:#7d5a47;height:2px;transition:opacity .15s,transform .15s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.navbar nav a:hover:after,.navbar nav a.active:after{opacity:1;transform:scaleX(1)}.page{text-align:center;place-items:center;min-height:calc(100vh - 72px);padding:2rem;display:grid}.page h1{color:#2c3a35;letter-spacing:-.05em;margin:0 0 1.25rem;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:500;line-height:1.1}.home-page{background:#f7f3ee;overflow:hidden}.home-hero{background:linear-gradient(145deg,#fbf8f3 0%,#f3efe8 100%);grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:clamp(3rem,7vw,7rem);min-height:700px;padding:clamp(5rem,9vw,8rem) max(5%,50vw - 600px);display:grid;position:relative}.home-hero:before{content:"";background-image:linear-gradient(#463c3409 1px,#0000 1px),linear-gradient(90deg,#463c3409 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.home-hero-content{z-index:1;position:relative}.home-eyebrow,.home-section-label{color:#8b6856;letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.35rem;font-size:.76rem;font-weight:800}.home-hero h1{color:#2c3a35;letter-spacing:-.055em;margin:0;font-size:clamp(2.7rem,4.2vw,4.2rem);font-weight:500;line-height:1.02}.home-hero h1 span{color:#7d5a47}.home-lead{color:#4d5e59;max-width:620px;margin:2rem 0 0;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.75}.home-actions{flex-wrap:wrap;gap:.85rem;margin-top:2.25rem;display:flex}.button{border:1px solid #2c3a351f;border-radius:999px;justify-content:center;align-items:center;gap:.7rem;min-height:48px;padding:0 1.3rem;font-size:.94rem;font-weight:600;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{box-shadow:none;color:#2c3a35;background:#f0e3d8;border-color:#7d5a472e}.button-primary:hover{box-shadow:none;background:#e9d7c9}.button-secondary{color:#2c3a35;background:#ffffffb8;border-color:#2c3a351f}.home-hero-art{z-index:1;aspect-ratio:1;position:relative}.hero-logo-wrap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #fffc;border-radius:50%;place-items:center;display:grid;position:absolute;inset:18%;box-shadow:0 35px 80px #17587d2e}.hero-logo-wrap img{mix-blend-mode:multiply;width:88%;height:auto}.hero-orbit{border:1px solid #087fa833;border-radius:50%;position:absolute}.hero-orbit-one{inset:4%}.hero-orbit-two{border-style:dashed;animation:35s linear infinite orbit-spin;inset:11%}.hero-orbit:after{content:"";background:#ff7043;border:5px solid #f7fbfd;border-radius:50%;width:12px;height:12px;position:absolute;top:12%;right:13%;box-shadow:0 5px 18px #ff70434d}.hero-note{color:#38566c;background:#ffffffe0;border:1px solid #17324d14;border-radius:999px;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.78rem;font-weight:700;display:flex;position:absolute;box-shadow:0 12px 32px #17324d1a}.hero-note span{background:#22a67a;border-radius:50%;width:7px;height:7px}.hero-note-top{top:12%;left:1%}.hero-note-bottom{bottom:14%;right:0}@keyframes orbit-spin{to{transform:rotate(360deg)}}.home-intro{background:#fff;grid-template-columns:1.1fr .9fr;gap:clamp(3rem,9vw,8rem);padding:clamp(5rem,8vw,8rem) max(5%,50vw - 600px);display:grid}.home-intro h2,.home-cta h2{color:#2c3a35;letter-spacing:-.045em;max-width:700px;margin:0;font-size:clamp(2rem,3.2vw,3rem);font-weight:500;line-height:1.1}.home-intro>p{color:#5b7182;align-self:end;margin:0;font-size:1.08rem;line-height:1.8}.capability-grid{background:#fff;grid-template-columns:repeat(3,1fr);gap:1px;padding:0 max(5%,50vw - 600px) clamp(5rem,9vw,8rem);display:grid}.capability-card{background:#faf7f2;border:1px solid #7d5a471f;border-radius:18px;padding:2.5rem;transition:background .16s,transform .16s,box-shadow .16s}.capability-card:first-child{border-radius:20px 0 0 20px}.capability-card:last-child{border-radius:0 20px 20px 0}.capability-card:hover{z-index:1;background:#fffdfb;transform:translateY(-3px);box-shadow:0 16px 30px #2c3a350d}.capability-number{color:#8b6856;letter-spacing:.12em;font-size:.72rem;font-weight:800}.capability-card h3{color:#2c3a35;margin:2.5rem 0 .8rem;font-size:1.3rem}.capability-card p{color:#5d6b67;margin:0;line-height:1.7}.home-cta{background:#f0e3d8;border-radius:26px;justify-content:space-between;align-items:center;gap:3rem;margin:0 max(5%,50vw - 600px) clamp(4rem,8vw,7rem);padding:clamp(2.5rem,6vw,5rem);display:flex}.home-cta .home-section-label{color:#7d5a47}.home-cta h2{color:#2c3a35;max-width:720px;font-size:clamp(2rem,3.5vw,3.25rem)}.button-light{color:#2c3a35;background:#ffffffb3;border-color:#2c3a351f;flex-shrink:0}.about-page{background:#f7f3ee;overflow:hidden}.about-hero{background:linear-gradient(135deg,#fbf8f3 0%,#f1eee7 100%);border-bottom:1px solid #5b6a5e1f;padding:clamp(5rem,10vw,9rem) max(5%,50vw - 520px) clamp(4rem,8vw,7rem)}.about-hero h1{color:#2c3a35;letter-spacing:-.055em;max-width:900px;margin:0;font-size:clamp(2.55rem,4.3vw,4.35rem);font-weight:500;line-height:1.04}.about-hero h1 span{color:#7d5a47}.about-lead{color:#4d5e59;max-width:700px;margin:2rem 0 0;font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.75}.about-story{background:#fffdfb;padding:clamp(5rem,9vw,8rem) max(5%,50vw - 520px)}.story-chapter{grid-template-columns:220px minmax(0,650px);justify-content:space-between;gap:clamp(3rem,8vw,7rem);display:grid}.story-chapter+.story-chapter{margin-top:clamp(5rem,10vw,9rem)}.story-chapter-reverse .story-marker{order:2}.story-marker{aspect-ratio:1;color:#7d5a47;background:radial-gradient(circle,#7d5a471a 0 35%,#0000 36%),#f8f4ef;border:1px solid #6a57482e;border-radius:50%;align-self:start;place-items:center;display:grid}.story-marker span{letter-spacing:.1em;background:#ffffffe6;border-radius:50%;place-items:center;width:72px;height:72px;font-size:.78rem;font-weight:800;display:grid;box-shadow:0 15px 35px #2c3a3514}.story-marker-warm{color:#bc6a39;background:radial-gradient(circle,#cf794c1f 0 35%,#0000 36%),#fffaf4;border-color:#cf794c33}.story-copy h2{color:#2c3a35;letter-spacing:-.045em;margin:0 0 1.6rem;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:500;line-height:1.1}.story-copy>p:not(.home-section-label){color:#4d5e59;margin:0 0 1.25rem;font-size:1.08rem;line-height:1.85}.about-belief{text-align:center;background:#efe6dd;padding:clamp(4rem,8vw,7rem) max(5%,50vw - 450px)}.about-belief blockquote{color:#2c3a35;letter-spacing:-.045em;max-width:860px;margin:0 auto;font-size:clamp(1.9rem,3.3vw,3rem);font-weight:500;line-height:1.2}.about-belief-copy{color:#4d5e59;max-width:700px;margin:2rem auto 2.25rem;font-size:1.08rem;line-height:1.8}@media (width<=600px){.home-hero{text-align:left;grid-template-columns:1fr;min-height:auto;padding-top:4.5rem}.home-hero-art{width:100%;max-width:430px;margin:0 auto}.home-intro{grid-template-columns:1fr;gap:1.5rem}.capability-grid{grid-template-columns:1fr;gap:.75rem}.capability-card,.capability-card:first-child,.capability-card:last-child{border-radius:16px}.capability-card h3{margin-top:1.5rem}.home-cta{flex-direction:column;align-items:flex-start}.story-chapter{grid-template-columns:1fr;gap:2rem}.story-chapter-reverse .story-marker{order:0}.story-marker{width:130px}}.contact-page{background:#fff7cc}.contact-form{text-align:left;background:#fffdfb;border:1px solid #2c3a3514;border-radius:1.25rem;gap:1.25rem;width:min(640px,100%);margin-top:1.5rem;padding:2rem;display:grid;box-shadow:0 18px 40px #2c3a350a}.contact-form label{color:#263238;gap:.5rem;font-size:.95rem;font-weight:500;display:grid}.contact-form input,.contact-form textarea{color:#1d2933;background:#f8fafb;border:1px solid #26323824;border-radius:.85rem;width:100%;padding:.95rem 1rem;font-size:.98rem;transition:border-color .15s,box-shadow .15s}.contact-form input:focus,.contact-form textarea:focus{border-color:#5c9fcc;outline:none;box-shadow:0 0 0 4px #5c9fcc24}.contact-form textarea{resize:vertical;min-height:180px}.contact-form button{color:#2c3a35;cursor:pointer;background:#f0e3d8;border:1px solid #7d5a472e;border-radius:999px;width:fit-content;padding:.95rem 1.75rem;font-size:1rem;font-weight:600;transition:transform .15s,background .15s}.contact-form button:hover{background:#e7d2c0;transform:translateY(-1px)}.login-page{background:#ffe4c7}.products-page{background:#eef7ff}.product-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;width:min(960px,100%);margin-top:2rem;display:grid}.product-card{text-align:left;background:#fffdfb;border:1px solid #2c3a3514;border-radius:1.25rem;padding:1.75rem;box-shadow:0 14px 30px #2c3a350a}.product-card h2{color:#263238;margin-top:0;margin-bottom:.75rem}.product-card p{color:#47515b;margin:0;line-height:1.7}.page-intro{text-align:center;max-width:720px}.page-intro h1{margin-bottom:.75rem}.page-intro p{color:#263238b3;margin:1.25rem auto 0;font-size:1.05rem}@media (width<=600px){.navbar{flex-direction:column;align-items:flex-start;gap:.75rem;padding-top:1rem;padding-bottom:1rem}.navbar nav{justify-content:space-between;gap:.75rem;width:100%}.navbar nav a{font-size:.85rem}.page{min-height:calc(100vh - 112px)}}
