:root{--home-bg:#030711;--home-panel:#09111f;--home-line:rgba(96,165,250,.25);--home-text:#f8fafc;--home-muted:#a8b4c8}
.home-view{display:none;min-height:calc(100vh - 38px);background:radial-gradient(circle at 10% 10%,rgba(0,102,255,.12),transparent 34%),radial-gradient(circle at 90% 18%,rgba(255,61,25,.11),transparent 35%),#030711;color:var(--home-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.home-mode .home-view{display:block}body.home-mode #appShell,body.home-mode #albumView,body.home-mode #myAlbumView{display:none!important}
.home-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid rgba(148,163,184,.16);background:rgba(3,7,17,.84);backdrop-filter:blur(18px);position:sticky;top:0;z-index:40}
.google100-logo{text-decoration:none;font-size:clamp(25px,3vw,38px);font-weight:800;letter-spacing:-2px;white-space:nowrap}.g-blue{color:#4285f4}.g-red{color:#ea4335}.g-yellow{color:#fbbc05}.g-green{color:#34a853}.g-number,.g-domain{color:#fff}.g-domain{font-weight:600}
.home-nav{display:flex;align-items:center;gap:8px}.home-nav a{color:#cbd5e1;text-decoration:none;padding:10px 14px;border-radius:999px;font-weight:650}.home-nav a:hover,.home-nav a.active{color:white;background:rgba(59,130,246,.14);box-shadow:inset 0 0 0 1px rgba(96,165,250,.28)}
.home-main{width:min(1400px,100%);margin:auto;padding:38px clamp(18px,4vw,56px) 72px}
.home-hero{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);align-items:center;gap:clamp(34px,5vw,76px);padding:clamp(30px,4vw,58px);border:1px solid rgba(96,165,250,.25);border-radius:32px;overflow:hidden;background:linear-gradient(145deg,rgba(8,17,32,.98),rgba(2,6,14,.98));box-shadow:0 32px 90px rgba(0,0,0,.48)}
.hero-glow{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(90px);opacity:.14;pointer-events:none}.hero-glow-blue{left:-140px;bottom:-160px;background:#087cff}.hero-glow-red{right:-120px;top:-160px;background:#ff3b18}
.home-hero-visual,.home-hero-content{position:relative;z-index:2}.home-hero-visual{display:flex;flex-direction:column;gap:15px}.home-image-frame{position:relative;padding:10px;border-radius:26px;background:linear-gradient(135deg,rgba(66,133,244,.78),rgba(234,67,53,.5) 38%,rgba(251,188,5,.45) 65%,rgba(52,168,83,.68));box-shadow:0 26px 70px rgba(0,0,0,.48)}.home-image-frame:before{content:"";position:absolute;inset:1px;border-radius:25px;background:#050a13}.home-hero-image{position:relative;display:block;width:100%;height:auto;max-height:470px;object-fit:contain;border-radius:18px;z-index:1}.home-visual-caption{align-self:center;color:#b9c8dc;font-size:13px;font-weight:700;letter-spacing:.025em}.live-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#34d399;box-shadow:0 0 14px #34d399}
.home-kicker{font-size:12px;letter-spacing:.21em;color:#7dd3fc;font-weight:850}.home-hero h1{font-size:clamp(40px,4.8vw,70px);line-height:1.01;letter-spacing:-.045em;margin:17px 0 20px}.home-lead{font-size:clamp(16px,1.5vw,19px);line-height:1.68;color:#cbd5e1;max-width:720px;margin:0}
.home-benefit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}.home-benefit-list div{padding:15px 16px;border-radius:16px;border:1px solid rgba(96,165,250,.18);background:rgba(10,20,37,.74)}.home-benefit-list strong{display:block;color:#f8fafc;font-size:15px;margin-bottom:5px}.home-benefit-list span{display:block;color:#9fb0c6;font-size:13px;line-height:1.45}
.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.home-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:15px;border:1px solid rgba(148,163,184,.32);color:#fff;text-decoration:none;font-weight:800;background:rgba(15,23,42,.76);box-shadow:0 10px 28px rgba(0,0,0,.25);transition:.18s ease}.home-btn.primary{border-color:#3b82f6;background:linear-gradient(135deg,#1266ef,#00a4ff)}.home-btn.subtle{background:rgba(4,10,20,.55)}.home-btn:hover{transform:translateY(-2px);filter:brightness(1.12)}
.home-trust-row{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;color:#91a4bd;font-size:12px;font-weight:700}.home-trust-row span:before{content:"✓";color:#34d399;margin-right:7px}
.home-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}.home-feature-grid article{padding:26px;border:1px solid rgba(96,165,250,.2);border-radius:22px;background:linear-gradient(145deg,rgba(11,22,40,.94),rgba(5,11,21,.9));box-shadow:0 16px 36px rgba(0,0,0,.25)}.home-feature-grid article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(37,99,235,.15);border:1px solid rgba(96,165,250,.35);font-size:24px}.home-feature-grid h2{font-size:20px;margin:18px 0 10px}.home-feature-grid p{color:var(--home-muted);line-height:1.6;min-height:76px}.home-feature-grid a{color:#7dd3fc;text-decoration:none;font-weight:750}
.home-cta{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;border-radius:24px;border:1px solid rgba(52,211,153,.28);background:linear-gradient(110deg,rgba(7,19,37,.95),rgba(5,40,34,.8))}.home-cta span{color:#6ee7b7;font-size:12px;letter-spacing:.18em;font-weight:800}.home-cta h2{font-size:clamp(26px,3vw,40px);margin:7px 0}.home-cta p{color:#b8c4d7;margin:0}
@media(max-width:1080px){.home-hero{grid-template-columns:1fr;gap:34px}.home-hero-visual{max-width:720px;margin:auto;width:100%}.home-image-frame{padding:8px}.home-hero-image{max-height:420px}.home-hero-content{text-align:center}.home-lead{margin-inline:auto}.home-benefit-list{text-align:left}.home-actions,.home-trust-row{justify-content:center}}
@media(max-width:900px){.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-nav a:nth-child(2){display:none}}
@media(max-width:620px){.home-header{height:auto;min-height:72px;align-items:flex-start;padding:16px 18px;flex-direction:column}.home-nav{width:100%;overflow-x:auto}.home-nav a{padding:8px 11px;white-space:nowrap}.home-main{padding-top:18px}.home-hero{padding:22px;border-radius:22px}.home-hero h1{font-size:39px}.home-benefit-list{grid-template-columns:1fr}.home-actions .home-btn{width:100%}.home-feature-grid{grid-template-columns:1fr}.home-feature-grid article p{min-height:0}.home-cta{align-items:flex-start;flex-direction:column;padding:25px}.home-cta .home-btn{width:100%}}