
:root{--paper:#f5f6fb;--ink:#202530;--muted:#677184;--line:#dfe4ef;--sage:#eaf0fc;--green:#2f6dde;--blue:#2f6dde}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}main{max-width:none;margin:0;padding:0}.shell{width:min(1200px,calc(100% - 64px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line);gap:24px}.logo img{width:110px;height:auto}.navlinks{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600}.navlinks a{text-decoration:none}.cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 23px;background:var(--green);border:1px solid var(--green);color:white!important;border-radius:9px;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4}.cta:hover{background:#2056bd}.cta.ghost{background:transparent;color:var(--green)!important}.navlinks .cta{padding:11px 17px}.overline{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#3267bd;margin:0 0 22px}.hero-new{display:grid;grid-template-columns:1.03fr 1fr;gap:55px;align-items:center;padding:70px 0 60px}.hero-new h1{font:500 clamp(48px,5.5vw,78px)/1.02 Georgia,serif;letter-spacing:-.055em;margin:0 0 25px;max-width:620px}.hero-new h1 em{font-style:italic;color:#2f6dde}.lede{font-size:18px;line-height:1.75;color:var(--muted);max-width:480px}.actions{display:flex;gap:16px;flex-wrap:wrap;margin:28px 0 18px}.micro{font-size:12px;color:var(--muted)}.stage{position:relative;min-height:590px;border-radius:160px 160px 18px 18px;overflow:hidden;background:#edf1fa}.stage .scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center}.phone{width:235px;background:#131615;border:7px solid #222720;border-radius:38px;overflow:hidden;box-shadow:0 30px 65px #1727143d}.phone img{width:100%;height:auto}.stage .phone{position:absolute;right:55px;top:45px;transform:rotate(5deg)}.stage-note{position:absolute;left:20px;bottom:25px;padding:15px 19px;background:#fffffff2;border:1px solid #ffffff;border-radius:10px;box-shadow:0 8px 30px #1b251312;max-width:225px;font-size:12px}.stage-note strong{display:block;font-family:Georgia,serif;font-size:25px;font-weight:400;margin-bottom:3px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:0 0 100px}.facts div{padding:0 25px;border-left:1px solid var(--line);font-size:13px;color:var(--muted)}.facts div:first-child{border:0;padding-left:0}.facts strong{display:block;color:var(--ink);font-size:15px;margin-bottom:3px}.section{padding:0 0 100px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.section h2,.section-head h2{font:400 clamp(34px,4vw,50px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:0}.section-head p{max-width:370px;color:var(--muted);font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step{border-top:1px solid var(--line);padding-top:22px}.step-num{font:italic 28px Georgia,serif;color:#4678c8}.step h3{font-size:20px;font-weight:600;margin:23px 0 10px}.step p{font-size:15px;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.screenshot-stage{height:570px;overflow:hidden;background:#eaf0fc;border-radius:16px;display:flex;justify-content:center;align-items:start;padding:50px 0 0}.screenshot-stage .phone{width:270px;transform:rotate(-4deg);flex-shrink:0}.copy h2{margin-bottom:24px}.copy p{color:var(--muted)}.feature-list{padding:0;list-style:none;margin:25px 0}.feature-list li{border-top:1px solid var(--line);padding:16px 0;font-size:15px}.feature-list strong{display:block;color:var(--ink)}.caption{font-size:11px;color:var(--muted);margin-top:12px}.wide-photo{position:relative;border-radius:16px;overflow:hidden;min-height:340px;margin-bottom:100px;background:#edf1f9}.wide-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 70%}.photo-copy{position:relative;margin-left:auto;padding:55px 45px;max-width:540px;background:linear-gradient(90deg,transparent,#f5f7fcdf 15%)}.photo-copy h2{font:400 44px/1.15 Georgia,serif;letter-spacing:-.03em;margin:0 0 18px}.photo-copy p{color:#5a677d}.privacy-new{padding:48px;background:#eaf0fc;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.privacy-new h2{font:400 40px/1.12 Georgia,serif;margin-bottom:24px}.privacy-new p{font-size:15px;color:#5a677d}.textlink{font-size:14px;font-weight:600;text-underline-offset:5px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.editorial-card{display:block;padding:28px;border:1px solid var(--line);border-radius:12px;text-decoration:none;transition:background .2s}.editorial-card:hover{background:white}.editorial-card .tag{font-size:10px;letter-spacing:.13em;color:#3267bd;text-transform:uppercase}.editorial-card h3{font:400 27px/1.2 Georgia,serif;margin:25px 0 16px}.editorial-card p{font-size:14px;color:var(--muted)}.editorial-card .arrow{display:block;margin-top:30px;font-size:20px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq details{padding:19px 0;border-bottom:1px solid var(--line)}.faq summary{font-size:16px;font-weight:600;cursor:pointer}.faq details p{font-size:14px;color:var(--muted)}.closing-new{padding:70px 30px;text-align:center;background:#225dca;color:#ffffff;border-radius:16px;margin:0 0 70px}.closing-new h2{font:400 clamp(35px,4vw,52px)/1.15 Georgia,serif;margin:0 0 22px}.closing-new p{color:#e0eaff;max-width:520px;margin:0 auto 25px}.closing-new .cta{background:#ffffff;border-color:#ffffff;color:#245bb7!important}.footer-new{padding:0 0 35px;border-top:1px solid var(--line);padding-top:30px;display:grid;grid-template-columns:1fr 2fr;gap:25px;font-size:12px;color:var(--muted)}.footer-new nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:end}.footer-new a{text-decoration:none}.footer-new p{margin-top:10px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;padding:12px;z-index:99}a:focus-visible,summary:focus-visible{outline:3px solid #3976de;outline-offset:5px}.compare-hero{max-width:880px;padding:65px 0 40px}.compare-hero h1{font:400 clamp(42px,5vw,70px)/1.05 Georgia,serif;letter-spacing:-.05em;margin:20px 0}.compare-hero .lede{max-width:760px}.crumb{font-size:12px;color:var(--muted)}.compare-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:60px;padding-bottom:85px}.article-new h2{font:400 32px/1.2 Georgia,serif;margin:45px 0 20px}.article-new p,.article-new li{font-size:16px;color:#5a677d}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px;margin:30px 0}table{width:100%;border-collapse:collapse;min-width:560px;font-size:14px}th,td{text-align:left;padding:18px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#eaf0fc;font-weight:600}td:nth-child(2){background:#ffffff70}caption{text-align:left;padding:18px;font-size:12px;color:var(--muted)}.aside-new{align-self:start;position:sticky;top:25px;background:#eaf0fc;border-radius:12px;padding:26px}.aside-new h3{font:400 26px/1.2 Georgia,serif}.aside-new p{font-size:14px;color:#5a677d}.source-list{font-size:13px;line-height:1.9}.notice{font-size:12px!important;color:var(--muted)!important}.choose-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.choose-grid>div{padding:22px;border:1px solid var(--line);border-radius:12px}.choose-grid h3{font-size:18px}.article-new .choose-grid p{font-size:14px}.guide-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:25px}.guide-links a{font-size:14px;text-underline-offset:4px}@media(max-width:950px){.hero-new{gap:25px}.stage{min-height:530px}.stage .phone{right:25px;top:40px;width:210px}.split{gap:40px}.cards{gap:12px}.editorial-card{padding:23px}.compare-layout{grid-template-columns:minmax(0,1fr)}.aside-new{position:static}.navlinks{gap:18px}}@media(max-width:700px){.shell{width:calc(100% - 36px)}.topbar{padding:20px 0}.navlinks .optional{display:none}.navlinks{gap:15px;font-size:12px}.logo img{width:85px}.hero-new{grid-template-columns:1fr;padding:45px 0 35px;gap:35px}.hero-new h1{font-size:53px}.lede{font-size:17px}.stage{min-height:520px;border-radius:100px 100px 15px 15px}.stage .phone{right:calc(50% - 120px);width:218px;top:35px}.stage-note{left:15px;bottom:18px}.facts{margin-bottom:60px;gap:10px}.facts div{padding:0 10px;font-size:11px}.facts strong{font-size:12px}.section{padding-bottom:65px}.section-head,.split,.privacy-new,.faq{display:grid;grid-template-columns:1fr;gap:25px}.section-head{margin-bottom:25px}.steps,.cards{grid-template-columns:1fr}.step{padding-bottom:20px}.step h3{margin-top:12px}.screenshot-stage{height:460px}.privacy-new{padding:28px}.wide-photo{min-height:420px;margin-bottom:65px}.photo-copy{padding:35px 25px;max-width:100%;margin-top:100px;background:#f5f7fce8}.photo-copy h2{font-size:37px}.faq{gap:25px}.closing-new{padding:50px 25px}.footer-new{grid-template-columns:1fr}.footer-new nav{justify-content:start}.compare-layout{gap:25px}.choose-grid{grid-template-columns:1fr}.compare-hero{padding-top:42px}.compare-hero h1{font-size:46px}.article-new h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* LYGU app-aligned palette and frameless screenshot composition, revision 2. */
.phone{background:transparent;border:0;border-radius:28px;box-shadow:0 22px 55px #24529524,0 3px 10px #24529510}.stage{min-height:630px;border-radius:32px;background:#edf1fa}.stage .scene{object-position:center}.stage .phone{width:250px;top:26px;right:calc(50% - 125px);transform:none}.stage-note{left:22px;right:22px;bottom:14px;max-width:none;background:#f8faffed;border:1px solid #ffffffa8;box-shadow:0 8px 25px #2452950b;padding:11px 16px}.stage-note strong{font-family:inherit;font-size:15px;font-weight:600;margin:0 0 2px}.stage-note br{display:none}.stage-note .micro{display:block;font-size:10px}.screenshot-stage .phone{transform:none;border-radius:28px}.screenshot-stage{background:linear-gradient(145deg,#edf2fc,#e5ebf7)}.photo-copy{background:linear-gradient(90deg,transparent,#f5f7fcf2 15%)}
@media(max-width:950px) and (min-width:701px){.stage{min-height:600px}.stage .phone{width:235px;right:calc(50% - 117.5px)}}
@media(max-width:700px){.stage{min-height:615px;border-radius:25px}.stage .phone{width:240px;right:calc(50% - 120px);top:24px}.stage-note{left:14px;right:14px;bottom:14px}.photo-copy{background:#f5f7fce8}}

/* Revision 3: warm neutral photography, app-blue controls. */
:root{--paper:#faf9f6;--ink:#232936;--muted:#69717d;--line:#e2e3e6;--sage:#eef1f7;--green:#2f6dde;--blue:#2f6dde}.stage{background:#efede7}.stage-note{background:#fffefbf2;border-color:#ffffffaa}.privacy-new,.aside-new{background:#eef1f7}.photo-copy{background:linear-gradient(90deg,transparent,#f8f6f0ed 15%)}.screenshot-stage{background:linear-gradient(145deg,#f1f2f6,#e7edf8)}@media(max-width:700px){.photo-copy{background:#faf8f2e8}}

.stage-note{padding:8px 12px;text-align:center;font-size:10px;line-height:1.4;background:#fffefbe6;box-shadow:none;color:#5f6570}
