:root{color:#10213d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary:#0f2a54;--secondary:#1f4d8f;--gold:#d4af37;--surface:#ffffffe0;--surface-soft:#f6f8fc;--border:#0f2a541a;--text-strong:#0f1f37;--text-muted:#52627c;--shadow-soft:0 16px 38px #0f2a5414;--shadow-card:0 20px 44px #0f2a541a, 0 3px 8px #0f2a540a;background:radial-gradient(circle at top,#d4af3714,#0000 34%),linear-gradient(#f9fbff 0%,#eef3fb 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 10% 20%,#1f4d8f1f,#0000 22%),radial-gradient(circle at 88% 12%,#d4af3724,#0000 18%),radial-gradient(circle at 80% 78%,#0f2a541a,#0000 20%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%}#root{min-height:100vh}h1,h2,h3,p{margin:0}h1{letter-spacing:-.05em;color:var(--text-strong);font-size:clamp(2.8rem,6vw,5.1rem);line-height:.98}h2{letter-spacing:-.04em;color:var(--text-strong);font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.05}p{font-size:1rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.site-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 64px}.site-header{z-index:20;border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);background:#f6f8fcc7;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:14px 20px;display:flex;position:sticky;top:18px}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand img{border-radius:14px;width:42px;height:42px;box-shadow:0 12px 24px #0f2a542e}.brand span{gap:2px;line-height:1.1;display:grid}.brand strong{color:var(--text-strong);font-size:.98rem}.brand small{color:var(--text-muted);font-size:.85rem}.site-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:inline-flex}.site-nav a{color:var(--text-muted);font-size:.95rem;transition:color .22s,transform .22s}.site-nav a:hover,.site-nav a:focus-visible{color:var(--text-strong);transform:translateY(-1px)}.nav-button{flex-shrink:0}main{gap:28px;display:grid}.section-panel,.overview-grid{scroll-margin-top:108px}.hero,.feature-section,.community-section,.overview-grid{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card);border-radius:32px}.hero,.feature-section{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:42px;padding:48px;display:grid}.hero{background:radial-gradient(circle at top left, #d4af3729, transparent 28%), radial-gradient(circle at right center, #1f4d8f26, transparent 26%), var(--surface);min-height:calc(100svh - 138px)}.section-intro{gap:16px;display:grid}.eyebrow{width:fit-content;color:var(--primary);letter-spacing:.08em;text-transform:uppercase;background:#0f2a5414;border-radius:999px;align-items:center;padding:8px 14px;font-size:.83rem;font-weight:700;display:inline-flex}.hero-copy,.feature-copy{gap:24px;display:grid}.lead{color:var(--text-muted);font-size:1.14rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.button{appearance:none;cursor:pointer;background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-weight:700;transition:transform .22s,box-shadow .22s,border-color .22s;display:inline-flex;box-shadow:0 16px 28px #0f2a542e}.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 20px 32px #0f2a5438}.button-secondary{color:var(--text-strong);box-shadow:none;background:#0f2a540d;border-color:#0f2a541a}.button-secondary:hover,.button-secondary:focus-visible{box-shadow:none;border-color:#0f2a5438}.button-gallery-trigger{color:#102645;background:linear-gradient(135deg,#f2c24a,#d99811);border-color:#10264542;box-shadow:0 12px 24px #d9981147}.button-gallery-trigger:hover,.button-gallery-trigger:focus-visible{border-color:#10264566;box-shadow:0 16px 28px #d9981161}.highlight-list,.feature-list,.step-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.highlight-list li,.feature-list li,.step-list li{border:1px solid var(--border);background:var(--surface-soft);color:var(--text-strong);border-radius:20px;padding:16px 18px 16px 52px;position:relative}.highlight-list li:before,.feature-list li:before,.step-list li:before{content:"";background:linear-gradient(135deg, var(--gold), var(--secondary));border-radius:999px;width:18px;height:18px;position:absolute;top:18px;left:18px;box-shadow:0 0 0 6px #1f4d8f14}.step-list{counter-reset:steps}.step-list li:before{content:counter(steps);counter-increment:steps;color:#fff;place-items:center;font-size:.82rem;font-weight:800;display:grid}.hero-visual,.feature-visual{place-items:center;display:grid;position:relative}.hero-device{transform:rotate(-8deg)}.floating-card{max-width:240px;box-shadow:var(--shadow-card);background:#ffffffeb;border:1px solid #0f2a5414;border-radius:24px;padding:18px;position:absolute}.floating-card strong{color:var(--text-strong);margin-bottom:8px;display:block}.floating-card p{color:var(--text-muted);font-size:.95rem}.floating-card-top{top:6%;left:-4%}.floating-card-bottom{bottom:8%;right:-2%}.overview-grid{background:linear-gradient(180deg, #0f2a5408, #0f2a5400), var(--surface);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px;display:grid}.overview-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:26px;gap:14px;padding:28px;display:grid;position:relative}.overview-card h2,.principle-card h2{font-size:1.2rem}.overview-card p,.principle-card p,.section-intro p,.cta-card p,.info-card p,.placeholder-card p{color:var(--text-muted)}.overview-index{letter-spacing:.12em;color:var(--secondary);font-size:.82rem;font-weight:800}.feature-section.reversed{direction:rtl}.feature-section.reversed>*{direction:ltr}.device-mockup{background:linear-gradient(#12284e,#07162d);border-radius:34px;width:min(100%,350px);padding:16px 16px 22px;box-shadow:0 30px 60px #0a1b3538,inset 0 1px #ffffff14}.device-notch{background:#ffffff14;border-radius:0 0 18px 18px;width:34%;height:26px;margin:0 auto 14px}.device-mockup img{background:#dfe7f5;border-radius:24px;width:100%;display:block}.device-mockup figcaption{color:#ffffffd1;text-align:center;margin-top:14px;font-size:.92rem}.info-card,.placeholder-card,.cta-card,.principle-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:24px;padding:24px}.info-card{width:min(100%,290px);margin-top:-42px}.info-card strong,.placeholder-card strong,.cta-card strong{color:var(--text-strong);margin-bottom:10px;display:block}.dual-visual,.stacked-visual{gap:24px}.dual-visual{grid-template-columns:repeat(2,minmax(0,1fr))}.stacked-visual{width:100%}.stacked-visual .device-mockup{width:min(100%,310px)}.visual-offset{transform:translate(48px)}.placeholder-card{background:linear-gradient(135deg, #d4af371f, #0f2a540a), var(--surface-soft);border-style:dashed;align-content:center;gap:12px;min-height:250px;display:grid}.placeholder-badge{width:fit-content;color:var(--text-strong);background:#ffffffbd;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.compare-strip{flex-wrap:wrap;gap:12px;display:flex}.compare-strip span{min-width:108px;color:var(--text-strong);background:#1f4d8f14;border-radius:999px;justify-content:center;align-items:center;padding:12px 16px;font-weight:700;display:inline-flex}.community-section{gap:28px;padding:48px;display:grid}.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.cta-card{background:radial-gradient(circle at top right, #d4af372e, transparent 34%), var(--surface-soft);justify-content:space-between;align-items:center;gap:24px;display:flex}.cta-copy{max-width:520px}.cta-actions{justify-items:end;gap:14px;display:grid}.contact-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.contact-link{border:1px solid var(--border);background:#ffffffdb;border-radius:18px;gap:4px;min-width:180px;padding:14px 16px;display:grid}.contact-link strong{color:var(--text-strong);font-size:.95rem}.contact-link span{color:var(--text-muted);font-size:.82rem}.site-footer{color:var(--text-muted);justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:0 6px;font-size:.95rem;display:flex}.footer-links{flex-wrap:wrap;gap:14px;display:flex}.footer-links a{color:var(--text-strong)}.gallery-modal{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07162db8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gallery-panel{background:#f6f8fcfa;border:1px solid #ffffff1f;border-radius:28px;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;width:min(1320px,100vw - 18px);height:min(96dvh,980px);max-height:min(96dvh,980px);padding:26px;display:grid;overflow:hidden;box-shadow:0 28px 80px #07162d59}.gallery-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.gallery-header p{max-width:680px;color:var(--text-muted);margin-top:14px}.gallery-close,.gallery-arrow,.gallery-thumb{appearance:none;cursor:pointer}.gallery-close{border:1px solid var(--border);width:48px;height:48px;color:var(--text-strong);background:#fff;border-radius:999px;flex-shrink:0;font-size:1.8rem;line-height:1}.gallery-stage{grid-template-columns:minmax(0,1fr) clamp(84px,10vw,112px);align-items:stretch;gap:12px;min-height:0;display:grid}.gallery-main{min-height:0;position:relative}.gallery-arrow{z-index:2;border:1px solid var(--border);width:52px;height:52px;color:var(--text-strong);background:#ffffffeb;border-radius:999px;font-size:1.35rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow-prev{left:12px}.gallery-arrow-next{right:12px}.gallery-figure{background:linear-gradient(#12284e,#07162d);border-radius:24px;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;height:100%;min-height:0;margin:0;padding:12px;display:grid}.gallery-figure img{object-fit:contain;background:#dfe7f5;border-radius:22px;width:auto;max-width:100%;max-height:100%;margin:0 auto;display:block}.gallery-image-button{cursor:zoom-in;background:0 0;border:0;min-height:0;padding:0}.gallery-image-button img{pointer-events:none}.gallery-figure figcaption{color:#ffffffd1;text-align:center;margin-top:14px}.gallery-thumbs{grid-template-columns:1fr;align-content:start;gap:8px;padding-right:2px;display:grid;overflow:hidden auto}.gallery-thumb{border:1px solid var(--border);text-align:left;background:#fff;border-radius:14px;gap:8px;width:100%;padding:8px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.gallery-thumb:hover,.gallery-thumb:focus-visible,.gallery-thumb.is-active{box-shadow:var(--shadow-soft);border-color:#1f4d8f4d;transform:translateY(-1px)}.gallery-thumb img{background:#dfe7f5;border-radius:12px;width:100%}.gallery-thumb span{display:none}.gallery-image-fullscreen{z-index:60;background:#040b18e6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gallery-fullscreen-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff59;border-radius:999px;width:50px;height:50px;font-size:1.8rem;line-height:1;position:absolute;top:18px;right:18px}.gallery-fullscreen-arrow{color:#fff;text-shadow:0 1px 2px #00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#081222b8;border:1px solid #ffffffb3;border-radius:999px;width:52px;height:52px;font-size:1.35rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 24px #00000061,0 0 0 2px #0003}.gallery-fullscreen-arrow:hover,.gallery-fullscreen-arrow:focus-visible{background:#081222e0;border-color:#fffffff2;box-shadow:0 12px 28px #00000073,0 0 0 3px #ffffff2e}.gallery-fullscreen-arrow-prev{left:18px}.gallery-fullscreen-arrow-next{right:18px}.gallery-fullscreen-image{object-fit:contain;background:#dfe7f5;border-radius:20px;width:auto;max-width:min(96vw,760px);max-height:94vh;display:block}@media (width<=720px){.gallery-fullscreen-arrow{width:42px;height:42px}}[data-reveal]{opacity:0;transition:opacity .75s,transform .75s;transform:translateY(34px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (width<=1080px){.site-header{border-radius:28px}.site-nav,.nav-button{display:none}.hero,.feature-section,.community-section{padding:32px}.hero,.feature-section{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{padding-top:16px}.floating-card-top,.floating-card-bottom{max-width:none;position:static}.hero-visual,.feature-visual{gap:18px}.dual-visual,.principles-grid,.overview-grid{grid-template-columns:1fr}.cta-card,.site-footer{flex-direction:column;align-items:flex-start}.cta-actions,.contact-links{width:100%}.contact-links{grid-template-columns:1fr}.info-card{width:100%;margin-top:0}.gallery-thumbs{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding-bottom:4px;overflow:auto hidden}.gallery-thumb{min-width:96px}.visual-offset{transform:none}}@media (width<=720px){.site-shell{width:calc(100% - 18px);padding-top:12px;padding-bottom:36px}.site-header{margin-bottom:18px;padding:12px 16px;top:10px}.hero,.feature-section,.community-section{border-radius:24px;padding:24px 18px}.overview-grid{border-radius:24px;padding:14px}.overview-card,.info-card,.placeholder-card,.principle-card,.cta-card{padding:20px}.hero-actions,.compare-strip{display:grid}.button{width:100%}.gallery-modal{padding:12px}.gallery-panel{border-radius:22px;width:min(1320px,100vw - 10px);height:min(96dvh,980px);max-height:min(96dvh,980px);padding:18px}.gallery-stage{grid-template-columns:1fr}.gallery-header{gap:12px}.gallery-close{justify-self:flex-end}.gallery-arrow{width:42px;height:42px}.gallery-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:auto hidden}.gallery-thumb{min-width:84px}}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}.button,.site-nav a,.gallery-thumb{transition:none}.hero-device,.visual-offset{transform:none}}