/* gollog.app landing — 2026-09-28 redesign.
   Jewel-tone gradients, a glowing mosaic of 10-minute blocks (the app's own motif),
   and unmodified app captures in device frames. */
:root{
  --bg:#120c33;--ink:#fff;--muted:rgba(236,233,255,.74);--faint:rgba(236,233,255,.52);--line:rgba(255,255,255,.14);
  --glass:linear-gradient(160deg,rgba(255,255,255,.15),rgba(255,255,255,.05));
  --orange:#FF7043;--violet:#7C4DFF;--teal:#26A69A;--amber:#FFA726;--blue:#42A5F5;--indigo:#5C6BC0;--pink:#EC407A;--purple:#AB47BC;
  --radius:28px;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,"Apple SD Gothic Neo","Noto Sans KR","Hiragino Sans","PingFang SC","Noto Sans SC","Noto Sans",sans-serif;
}
html{scroll-behavior:smooth;scroll-padding-top:88px}
.product-page{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.product-page *{box-sizing:border-box}
.product-page a{color:inherit}
.product-page [hidden]{display:none!important}
.product-page img{max-width:100%}
.product-page:lang(ko){word-break:keep-all}
.product-page:lang(ja) h1,.product-page:lang(ja) h2,.product-page:lang(ja) h3,.product-page:lang(ja) p,.product-page:lang(ja) li{word-break:auto-phrase}
.shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.skip-link{position:absolute;top:-100px;inset-inline-start:16px;padding:12px 16px;background:#fff;color:#111!important;border-radius:10px;z-index:100}
.skip-link:focus{top:12px}
.product-page :focus-visible{outline:3px solid #9CC3FF;outline-offset:4px;border-radius:6px}

/* ── Header ─────────────────────────────────────────────── */
.masthead{position:sticky;top:0;z-index:40;background:rgba(18,12,51,.62);backdrop-filter:saturate(1.4) blur(18px);-webkit-backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid var(--line)}
.masthead-inner{height:72px;display:flex;align-items:center;gap:36px}
.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}
.wordmark img{background:#fff;border-radius:9px;padding:3px}
.main-nav{display:flex;gap:28px;margin-inline:auto}
.main-nav a{font-size:14px;color:var(--muted);text-decoration:none}
.main-nav a:hover{color:#fff}
.header-actions{display:flex;align-items:center;gap:14px}
.small-download{font-size:14px;font-weight:600;text-decoration:none;padding:10px 18px;border-radius:999px;background:#fff;color:#120c33!important;white-space:nowrap}
.small-download:hover{background:#e9e5ff}
.language-menu{position:relative;font-size:14px}
.language-menu summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;min-height:44px;color:var(--muted)}
.language-menu summary::-webkit-details-marker{display:none}
.language-options{position:absolute;inset-inline-end:0;top:54px;width:340px;padding:12px;background:rgba(28,20,70,.96);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.45);display:grid;grid-template-columns:1fr 1fr;gap:2px;max-height:70vh;overflow:auto}
.language-options .lang-pill{border-radius:10px;min-height:40px;display:flex;align-items:center;font-size:13px;padding:8px 10px;color:var(--muted);text-decoration:none;border:0}
.language-options .lang-pill:hover{background:rgba(255,255,255,.08);color:#fff}
.language-options .lang-pill.active{color:#fff;background:rgba(124,77,255,.35)}

/* ── Shared pieces ──────────────────────────────────────── */
.eyebrow{display:inline-block;margin:0 0 22px;padding:9px 18px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-size:13px;font-weight:700;letter-spacing:.12em;color:#FFD0BF}
:lang(ar) .eyebrow{letter-spacing:0}
h1,h2,h3{margin:0;letter-spacing:-.035em}
:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{letter-spacing:0}
h2{font-size:clamp(38px,5.4vw,72px);line-height:1.04;font-weight:800;text-wrap:balance}
h3{font-size:clamp(24px,2.3vw,32px);line-height:1.15;font-weight:750;letter-spacing:-.02em}
.lead{margin:22px 0 0;font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:var(--muted);max-width:40em;text-wrap:pretty}
.fine{margin:18px 0 0;font-size:14px;line-height:1.6;color:var(--faint);max-width:44em}
.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:600;text-decoration:none;color:#fff;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:3px}
.text-link:hover{border-color:#fff}
.store-button{display:inline-flex;align-items:center;gap:12px;padding:16px 26px;border-radius:999px;background:#fff;color:#120c33!important;font-weight:700;font-size:17px;text-decoration:none;box-shadow:0 20px 50px rgba(0,0,0,.35);transition:transform .2s ease,box-shadow .2s ease}
.store-button svg{width:22px;height:22px;fill:currentColor}
.store-button:hover{transform:translateY(-2px);box-shadow:0 26px 60px rgba(0,0,0,.45)}
.glow{position:absolute;border-radius:50%;filter:blur(110px);opacity:.65;pointer-events:none}
.mosaic{position:absolute;inset:0;pointer-events:none;background:url('/assets/mosaic.svg') center/cover no-repeat;opacity:.85}
.mosaic::before{content:"";position:absolute;inset:0;background:inherit;filter:blur(26px) saturate(1.3);opacity:.9}
.mosaic::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 45%,transparent 60%) 0 0/250% 100% no-repeat;mix-blend-mode:overlay;animation:sweep 9s ease-in-out infinite}
.mosaic.soft{opacity:.5}
@keyframes sweep{0%{background-position:150% 0}60%,100%{background-position:-60% 0}}

/* Device frame around an unmodified capture. */
.phone{position:relative;border-radius:16.5%/7.6%;padding:2.3%;background:linear-gradient(145deg,#fbfbfd 0%,#a9adb6 22%,#eef0f3 45%,#8a8e97 70%,#d9dbe0 100%);box-shadow:0 60px 120px rgba(4,2,20,.55),0 20px 40px rgba(4,2,20,.35),inset 0 0 0 1px rgba(255,255,255,.7)}
.phone img{display:block;width:100%;height:auto;border:clamp(5px,.7vw,9px) solid #050507;border-radius:14.4%/6.6%;background:#050507}
.phone::after{content:"";position:absolute;top:4.1%;left:50%;width:27%;height:3.4%;transform:translateX(-50%);background:#000;border-radius:999px}

/* ── Hero ───────────────────────────────────────────────── */
.hero{position:relative;overflow:hidden;padding:64px 0 40px;background:radial-gradient(900px 700px at 85% 0%,rgba(255,112,67,.55),transparent 65%),linear-gradient(160deg,#22135A 0%,#1a1250 55%,#10205F 100%)}
.hero .mosaic{top:auto;height:52%;bottom:0;opacity:.8;-webkit-mask-image:linear-gradient(to top,#000 35%,transparent),linear-gradient(90deg,rgba(0,0,0,.25),#000 55%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to top,#000 35%,transparent),linear-gradient(90deg,rgba(0,0,0,.25),#000 55%);mask-composite:intersect}
[dir=rtl] .hero .mosaic{-webkit-mask-image:linear-gradient(to top,#000 35%,transparent),linear-gradient(270deg,rgba(0,0,0,.25),#000 55%);mask-image:linear-gradient(to top,#000 35%,transparent),linear-gradient(270deg,rgba(0,0,0,.25),#000 55%)}
.glow-a{width:760px;height:760px;inset-inline-start:-280px;top:40%;background:var(--violet)}
.glow-b{width:620px;height:620px;inset-inline-end:-180px;top:-240px;background:var(--orange);opacity:.5}
.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .95fr;gap:40px;align-items:center;min-height:min(820px,calc(100vh - 110px))}
.hero h1{font-size:clamp(44px,6vw,84px);line-height:1.04;font-weight:850;letter-spacing:-.045em;text-wrap:balance}
.hero h1 span{background:linear-gradient(92deg,#FFB199 0%,#FF7EB3 45%,#B8A2FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:clamp(18px,1.6vw,22px)}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px}
.hero-actions .text-link{margin-top:0}
.platform-note{margin:26px 0 0;font-size:14px;color:var(--faint);letter-spacing:.02em}
.hero-stage{position:relative;height:680px}
.hero-stage .phone{position:absolute;width:min(320px,24vw)}
.phone-front{left:6%;top:40px;transform:rotate(-6deg);z-index:2;animation:float 8s ease-in-out infinite}
.phone-back{left:44%;top:0;transform:rotate(8deg);z-index:1;filter:brightness(.88);animation:float 8s ease-in-out -4s infinite}
[dir=rtl] .phone-front{left:auto;right:6%;transform:rotate(6deg)}
[dir=rtl] .phone-back{left:auto;right:44%;transform:rotate(-8deg)}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -14px}}
.float-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(4,2,20,.35)}
.chip-a{right:2%;bottom:120px}
.chip-a b{font-size:30px;font-weight:850;letter-spacing:-.03em}
.chip-a span{font-size:14px;color:var(--muted)}
.chip-g{left:-2%;bottom:60px;gap:12px;padding:8px 20px 8px 8px;border-radius:999px;background:rgba(6,8,34,.62);border-color:rgba(103,213,226,.34)}
.chip-g .g-live{width:52px;height:52px;flex:none}
.chip-g-text{display:flex;flex-direction:column;gap:2px;line-height:1.2}
.chip-g-text b{font-size:15px;font-weight:750;letter-spacing:-.01em}
.chip-g-text small{font-size:13px;color:#9FF3E8}
[dir=rtl] .chip-a{right:auto;left:2%}[dir=rtl] .chip-g{left:auto;right:-2%;padding:8px 8px 8px 20px}
.hero-note{position:relative;margin-top:10px;font-size:12px;color:var(--faint)}

/* ── Views (day → year) ─────────────────────────────────── */
.views{position:relative;padding:120px 0 80px;background:radial-gradient(700px 900px at 18% 45%,rgba(38,166,154,.28),transparent 70%),radial-gradient(800px 700px at 85% 75%,rgba(236,64,122,.18),transparent 70%),linear-gradient(180deg,#10205F 0%,#0C2C4E 45%,#1a1450 100%)}
.section-head{text-align:center;display:flex;flex-direction:column;align-items:center}
.section-head .lead{margin-inline:auto}
.views .eyebrow{color:#8FE3D9}
.views-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:80px}
.views-phone{position:sticky;top:110px;height:min(760px,calc(100vh - 140px));display:flex;justify-content:center}
.views-phone .phone{width:min(340px,26vw);align-self:flex-start;display:grid}
.views-phone .phone img{grid-area:1/1;opacity:0;transition:opacity .5s ease}
.views-phone .phone img.is-active{opacity:1}
.views-steps{list-style:none;margin:0;padding:0}
.views-steps li{min-height:72vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;opacity:.35;transition:opacity .4s ease}
.views-steps li.is-active{opacity:1}
.views-steps h3{font-size:clamp(30px,3.4vw,48px);margin-top:16px}
.views-steps p{margin:18px 0 0;font-size:19px;line-height:1.6;color:var(--muted);max-width:28em}
.step-phone{display:none}
.step-tag{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.1em;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.08)}
.c-orange{color:#FFB199}.c-teal{color:#8FE3D9}.c-amber{color:#FFD28A}.c-pink{color:#F7A6D0}.c-violet{color:#C7B8FF}
.pdca{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.pdca article,.glass{padding:32px;border-radius:var(--radius);background:var(--glass);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.pdca h3{margin-top:16px;font-size:24px}
.pdca p,.glass p{margin:12px 0 0;font-size:16px;line-height:1.6;color:var(--muted)}

/* ── The particle G ─────────────────────────────────────
   gollog AI's mark, drawn live by particle-g.js (a port of the app's
   IntelligenceParticleField). The still image shows until the first frame. */
.g-live{position:relative;display:block}
.g-live>img,.g-live>canvas{position:absolute;inset:0;width:100%;height:100%}
.g-live>canvas{opacity:0;transition:opacity .6s ease}
.g-live>.g-still{transition:opacity .6s ease}
.g-live.is-live>canvas{opacity:1}
.g-live.is-live>.g-still{opacity:0}
.g-live .g-bloom{filter:blur(14px) saturate(1.6) brightness(1.35);mix-blend-mode:screen}
.g-live.is-live>.g-bloom{opacity:.9}
.meet-g{position:relative;overflow:hidden;padding:130px 0;background:radial-gradient(720px 720px at 27% 50%,rgba(38,198,218,.2),transparent 70%),linear-gradient(180deg,#1a1450 0%,#07081f 20%,#04051a 62%,#1a1450 100%)}
[dir=rtl] .meet-g{background:radial-gradient(720px 720px at 73% 50%,rgba(38,198,218,.2),transparent 70%),linear-gradient(180deg,#1a1450 0%,#07081f 20%,#04051a 62%,#1a1450 100%)}
.meet-g-dots{position:absolute;inset:0;pointer-events:none;background:radial-gradient(rgba(196,255,244,.11) 1px,transparent 1.4px) 0 0/24px 24px;-webkit-mask-image:radial-gradient(620px 540px at 27% 50%,#000,transparent 78%);mask-image:radial-gradient(620px 540px at 27% 50%,#000,transparent 78%)}
[dir=rtl] .meet-g-dots{-webkit-mask-image:radial-gradient(620px 540px at 73% 50%,#000,transparent 78%);mask-image:radial-gradient(620px 540px at 73% 50%,#000,transparent 78%)}
.meet-g-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.g-stage{margin:0;width:min(620px,100%);aspect-ratio:1;justify-self:center}
.meet-g .eyebrow{color:#9FF3E8;background:rgba(103,213,226,.08);border-color:rgba(103,213,226,.34)}
.meet-g h2{background:linear-gradient(95deg,#fff 0%,#C4FFF4 48%,#67D5E2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.g-forms{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.g-forms button{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:5px 16px 5px 5px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:var(--muted);font:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
[dir=rtl] .g-forms button{padding:5px 5px 5px 16px}
.g-forms button img{width:38px;height:38px}
.g-forms button:hover{color:#fff;border-color:rgba(255,255,255,.32)}
.g-forms button[aria-pressed=true]{color:#fff;background:rgba(103,213,226,.14);border-color:rgba(103,213,226,.62);box-shadow:0 0 0 4px rgba(103,213,226,.08),0 12px 30px rgba(38,198,218,.2)}
html:not(.js) .g-forms button{cursor:default}
.g-domains{list-style:none;display:flex;flex-wrap:wrap;gap:10px 20px;margin:26px 0 0;padding:0;font-size:14px;color:var(--muted)}
.g-domains li{display:inline-flex;align-items:center;gap:8px}
.g-domains li::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--c);box-shadow:0 0 10px var(--c)}

/* ── Feature sections ───────────────────────────────────── */
.feature{position:relative;overflow:hidden;padding:120px 0}
.feature-ai{background:linear-gradient(180deg,#1a1450 0%,#10205F 100%)}
.feature-ai .eyebrow{color:#9CC3FF}
.glow-c{width:720px;height:720px;inset-inline-end:-200px;top:0;background:#2F7BFF;opacity:.45}
.feature-sleep{background:linear-gradient(180deg,#10205F 0%,#0A0E2C 40%,#0A0E2C 100%)}
.feature-sleep .eyebrow{color:#B3B9FF}
.glow-d{width:760px;height:760px;inset-inline-start:-240px;top:10%;background:var(--indigo);opacity:.5}
.feature-grid{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
.feature-grid.reverse .feature-copy{order:2}
.feature-stage{position:relative;margin:0;display:flex;justify-content:center}
.lens{position:absolute;z-index:3;height:auto;border:5px solid rgba(255,255,255,.96);box-shadow:0 40px 80px rgba(4,2,20,.5),0 12px 24px rgba(4,2,20,.3)}
.lens-chat{width:min(300px,23vw);left:-2%;top:30%;border-radius:26px;transform:rotate(-4deg)}
.lens-sleep{width:min(230px,18vw);right:4%;top:6%;border-radius:32px;transform:rotate(4deg)}
[dir=rtl] .lens-chat{left:auto;right:-2%;transform:rotate(4deg)}[dir=rtl] .lens-sleep{right:auto;left:4%;transform:rotate(-4deg)}
.feature-stage .phone{width:min(360px,28vw);transform:rotate(-3deg)}
.feature-grid.reverse .feature-stage .phone{transform:rotate(3deg)}

/* ── Tools ──────────────────────────────────────────────── */
.tools{padding:110px 0;background:linear-gradient(180deg,#0A0E2C 0%,#1B1245 100%)}
.tools .eyebrow{color:#C7B8FF}
.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px}
.glass svg,.tiles svg{width:40px;height:40px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.glass h3{margin-top:22px;font-size:24px}

/* ── Privacy ────────────────────────────────────────────── */
.privacy{position:relative;overflow:hidden;padding:120px 0;background:linear-gradient(160deg,#2B0F45 0%,#1B1245 60%,#120c33 100%)}
.privacy .eyebrow{color:#F7A6D0}
.privacy .mosaic{-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 75%);mask-image:linear-gradient(90deg,transparent 30%,#000 75%)}
[dir=rtl] .privacy .mosaic{-webkit-mask-image:linear-gradient(270deg,transparent 30%,#000 75%);mask-image:linear-gradient(270deg,transparent 30%,#000 75%)}
.privacy-grid{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}
.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tiles li{display:flex;flex-direction:column;gap:18px;min-height:150px;justify-content:space-between;padding:24px;border-radius:24px;background:var(--glass);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:18px;font-weight:700;line-height:1.25}

/* ── FAQ ────────────────────────────────────────────────── */
.questions{padding:70px 0 20px}
.questions details{border-bottom:1px solid var(--line)}
.questions summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;list-style:none;padding:26px 0;font-size:20px;font-weight:700}
.questions summary::-webkit-details-marker{display:none}
.questions summary span{font-size:26px;color:var(--faint);transition:transform .2s}
.questions details[open] summary span{transform:rotate(45deg)}
.questions p{margin:0 0 26px;color:var(--muted);line-height:1.7;max-width:60em}

/* ── Closing ────────────────────────────────────────────── */
.closing{position:relative;overflow:hidden;margin-top:80px;padding:140px 0 150px;text-align:center;background:linear-gradient(180deg,#120c33 0%,#22135A 100%)}
.closing .mosaic{-webkit-mask-image:radial-gradient(ellipse at center,transparent 25%,#000 70%);mask-image:radial-gradient(ellipse at center,transparent 25%,#000 70%)}
.glow-e{width:900px;height:600px;left:50%;top:10%;transform:translateX(-50%);background:var(--violet);opacity:.45}
.closing-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:36px}
.closing-g{width:min(250px,58vw);aspect-ratio:1;margin:-30px 0 -34px}
.closing h2 span{background:linear-gradient(92deg,#FFB199 0%,#FF7EB3 45%,#B8A2FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ── Footer ─────────────────────────────────────────────── */
.product-footer{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:40px 0 60px;color:var(--faint);font-size:14px;border-top:1px solid var(--line)}
.product-footer .wordmark{font-size:20px;color:#fff}
.product-footer .wordmark img{border-radius:7px}
.product-footer .links{display:flex;flex-wrap:wrap;gap:20px;margin-inline-start:auto}
.product-footer .links a{text-decoration:none}
.product-footer .links a:hover{color:#fff}

/* ── Motion ─────────────────────────────────────────────── */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.js .reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none;transition:none}
  .phone-front,.phone-back,.mosaic::after{animation:none}
  html{scroll-behavior:auto}
}

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width:980px){
  .main-nav{display:none}
  .hero-grid,.feature-grid,.privacy-grid{grid-template-columns:1fr;gap:40px}
  .hero-grid{min-height:0;padding-top:20px}
  .hero-stage{height:560px;max-width:520px;width:100%;margin:0 auto}
  .hero-stage .phone{width:250px}
  .views-grid{grid-template-columns:1fr;gap:0;margin-top:40px}
  .views-phone{display:none}
  .views-steps li{min-height:0;opacity:1;padding:48px 0;border-bottom:1px solid var(--line)}
  .step-phone{display:block;margin:34px auto 0;width:min(300px,72vw)}
  .pdca,.tools-grid{grid-template-columns:1fr}
  .meet-g-grid{grid-template-columns:1fr;gap:28px}
  .g-stage{width:min(460px,88vw)}
  .meet-g,[dir=rtl] .meet-g{background:radial-gradient(520px 520px at 50% 26%,rgba(38,198,218,.2),transparent 70%),linear-gradient(180deg,#1a1450 0%,#07081f 16%,#04051a 62%,#1a1450 100%)}
  .meet-g-dots,[dir=rtl] .meet-g-dots{-webkit-mask-image:radial-gradient(420px 380px at 50% 24%,#000,transparent 78%);mask-image:radial-gradient(420px 380px at 50% 24%,#000,transparent 78%)}
  .feature-grid.reverse .feature-copy{order:0}
  .feature-stage .phone{width:min(320px,76vw)}
  .lens-chat{width:min(240px,52vw);left:0}
  .lens-sleep{width:min(170px,38vw);right:2%}
}
@media (max-width:560px){
  .shell{width:calc(100% - 32px)}
  .masthead-inner{gap:12px}
  .language-menu summary{font-size:0;gap:0}
  .language-menu summary span:first-child{font-size:20px}
  .language-options{width:min(320px,calc(100vw - 32px))}
  .small-download{padding:9px 14px;font-size:13px}
  .hero{padding-top:36px}
  .hero-stage{height:470px}
  .hero-stage .phone{width:210px}
  .chip-a{bottom:70px}
  .feature,.privacy,.tools,.meet-g{padding:80px 0}
  .chip-g{bottom:28px}
  .chip-g .g-live{width:44px;height:44px}
  .views{padding-top:80px}
  .tiles li{min-height:128px;font-size:16px;padding:20px}
  .closing{padding:100px 0 110px}
}