@view-transition{navigation:auto}::view-transition-new(root),::view-transition-old(root){animation-duration:.3s;animation-timing-function:ease-in-out}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark:#f5f5f7;--bg-card:#ffffff;--bg-soft:#ffffff;--primary:#00a8b3;--secondary:#e8632b;--accent:#e8632b;--gold:#c9a84c;--text-primary:#1d1d1f;--text-secondary:rgba(29,29,31,0.72);--line:rgba(0,0,0,0.08);--line-strong:rgba(0,0,0,0.14);--gradient-1:linear-gradient(135deg, #e8632b 0%, #c9a84c 100%);--gradient-2:linear-gradient(135deg, #00a8b3 0%, #00d4e0 100%);--gradient-accent:linear-gradient(90deg, #00a8b3, #c9a84c, #e8632b)}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Inter,'Segoe UI',Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6}body::before{content:'';position:fixed;inset:0;background:radial-gradient(circle at 18% 22%,rgba(0,168,179,.08) 0,transparent 42%),radial-gradient(circle at 82% 78%,rgba(232,99,43,.07) 0,transparent 44%),radial-gradient(circle at 50% 50%,rgba(201,168,76,.03) 0,transparent 60%);z-index:0;pointer-events:none}.lateral-left,.lateral-right{display:none}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:15px 40px;background:rgba(255,255,255,.78);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}.header-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.back-link{color:var(--text-primary);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .3s}.back-link:hover{color:var(--primary)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}.hamburger span{width:25px;height:2px;background:var(--text-primary);transition:transform .3s,opacity .3s}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-menu{list-style:none;display:none;padding:0;margin:0}.nav-menu a{color:var(--text-primary);text-decoration:none;font-weight:500;font-size:1rem}.header-apps-menu{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.header-app-logo{width:32px;height:32px;border-radius:8px;overflow:hidden;opacity:.7;transition:.3s;border:1px solid var(--line-strong)}.header-app-logo img{width:100%;height:100%;object-fit:cover;display:block}.header-app-logo.active{opacity:1;border:2px solid #f97316;box-shadow:0 0 10px rgba(249,115,22,.5)}.app-store-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#b85a1f;border:1px solid #b85a1f;color:#fff;text-decoration:none;border-radius:999px;font-weight:600;font-size:.95rem;transition:background .3s,transform .25s,box-shadow .3s,filter .3s;margin-top:20px;}.app-store-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.app-store-btn svg{width:22px;height:22px}.main-content{position:relative;z-index:999;padding-top:60px}.intro-section{padding:40px 40px 30px;max-width:1200px;margin:0 auto;text-align:center}.intro-section h1{font-size:clamp(3rem, 6vw, 5rem);font-weight:900;line-height:1.1;letter-spacing:-2px;color:#c9551c;margin-bottom:20px}.intro-section .description{font-size:.95rem;color:var(--text-primary);line-height:1.7;max-width:900px;margin:0 auto}.gallery-section{padding:30px 40px;max-width:1400px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.gallery-item{border-radius:8px;overflow:hidden;background:var(--bg-soft);border:2px solid var(--line-strong);cursor:pointer;transition:transform .2s;aspect-ratio:3500/2250;position:relative}.gallery-item img{width:100%;height:100%;display:block;object-fit:cover}.story-section{padding:60px 40px 50px;max-width:1400px;margin:0 auto;position:relative;background:rgba(0,0,0,.04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid var(--line-strong)}.story-section h2{position:absolute;top:20px;left:40px;font-size:clamp(1rem, 2vw, 1.2rem);font-weight:600;color:var(--text-primary);margin:0;text-align:left}.story-section .story-content{font-family:-apple-system,BlinkMacSystemFont,Inter,"SF Pro Text","Segoe UI",Roboto,sans-serif;font-size:1.05rem;color:var(--text-primary);line-height:1.9;text-align:left;font-style:italic;border-left:4px solid var(--primary);padding-left:30px;margin-left:10px;font-weight:400}.story-section .story-content p{margin-bottom:20px}.story-section .story-content p strong{font-style:normal;color:var(--primary)}.story-section .story-author{position:absolute;bottom:0;right:40px;font-weight:600;color:var(--text-primary);font-size:.95rem}.video-section{padding:30px 40px;max-width:1400px;margin:0 auto}.video-grid{display:grid;grid-template-columns:1fr;gap:30px;max-width:900px;margin:0 auto}.video-item{border-radius:12px;overflow:hidden;background:var(--bg-soft);border:2px solid var(--line-strong);aspect-ratio:16/9}.video-item iframe,.video-item video{width:100%;height:100%;display:block;border:0}.features-section{padding:60px 40px 50px;max-width:1400px;margin:0 auto;position:relative;background:rgba(0,0,0,.025);border-radius:16px;border:1px solid var(--line)}.features-section h2{font-size:clamp(1rem, 2vw, 1.2rem);font-weight:600;color:var(--text-primary);margin-bottom:30px;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-item{background:var(--bg-soft);border-radius:12px;padding:20px;border:1px solid var(--line);box-shadow:0 4px 14px rgba(0,0,0,.05);transition:transform .25s,box-shadow .25s,border-color .25s}.feature-item:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08);border-color:rgba(0,168,179,.35)}.feature-item h3{font-size:1rem;font-weight:600;color:var(--primary);margin-bottom:10px}.feature-item p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}@media (min-width:769px) and (max-width:1200px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.features-section{padding:30px 14px}.features-grid{grid-template-columns:1fr}}.lightbox{display:none;position:fixed;top:0;width:100%;height:100%;background:rgba(15,15,20,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:999;align-items:center;justify-content:center}.lightbox.active{display:flex}.lightbox-content{position:relative;max-width:90%;max-height:90%}.lightbox-image{max-width:100%;max-height:90vh;display:block;border-radius:12px;border:2px solid var(--line-strong);position:relative;z-index:999}.lightbox-close{position:absolute;top:20px;right:20px;color:var(--text-primary);font-size:2.5rem;cursor:pointer;background:0 0;border:none;width:auto;height:auto;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:100;padding:10px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text-primary);font-size:2.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:100;width:auto;height:auto;padding:10px}.lightbox-prev{left:20px}.lightbox-next{right:20px}.footer{position:relative;z-index:10;padding:40px;border-top:1px solid var(--line-strong);text-align:center;color:var(--text-primary);font-size:.9rem;font-weight:500;background:rgba(0,0,0,.04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.footer-links{margin-bottom:12px;display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.88rem;transition:color .25s}.footer-links a:hover{color:var(--primary)}@media (max-width:1200px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.header{position:fixed;top:0;left:0;right:0;padding:10px 16px}.back-link{display:none}.hamburger{display:flex}.nav-menu{display:flex;position:fixed;top:60px;left:-100%;width:100%;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:40px;gap:30px;transition:left .3s,visibility .3s,opacity .3s;border-top:1px solid var(--line-strong);visibility:hidden;opacity:0}.nav-menu.active{left:0;visibility:visible;opacity:1}.header-container{flex-wrap:nowrap;justify-content:flex-start;gap:12px}.header-apps-menu{flex:1 1 0;min-width:0;gap:6px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0}.header-apps-menu::-webkit-scrollbar{display:none}.header-app-logo{width:28px;height:28px;flex-shrink:0}.gallery-section,.intro-section,.story-section,.video-section{padding:30px 8px}.intro-section h1{font-size:clamp(2rem, 7vw, 2.6rem);letter-spacing:-1px;line-height:1.15}.story-section{padding:40px 8px 60px}.story-section h2{font-size:1rem;left:20px;top:15px}.story-section .story-content{font-size:.95rem;margin-left:0;padding-left:14px}.story-section .story-author{right:20px;bottom:20px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.video-grid{grid-template-columns:1fr;gap:20px}.lightbox-close{display:none}.lightbox-nav{font-size:2rem}.lightbox-prev{left:10px}.lightbox-next{right:10px}}