:root { --ink:#172017; --paper:#f4f1e8; --blue:#3157d5; --orange:#ff6938; --lime:#d7f73f; }
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.taplink-new-landing{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:fixed;z-index:50;top:0;width:100%;transition:.3s}.site-header.scrolled{background:rgba(244,241,232,.94);border-bottom:1px solid rgba(23,32,23,.12);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-1px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:50% 50% 50% 12px;background:var(--ink);color:var(--paper);font-family:Georgia,serif;font-style:italic}.main-nav{display:flex;gap:36px;font-size:14px;font-weight:700}.main-nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}.header-cta,.primary-button{background:var(--ink);color:white;border-radius:100px;padding:14px 22px}.menu-button{display:none;border:0;background:none;width:34px;height:34px}.menu-button span{display:block;width:23px;height:2px;background:var(--ink);margin:6px}
.hero-new{min-height:780px;padding:140px 5vw 70px;display:grid;grid-template-columns:46% 54%;align-items:center;background:var(--paper);position:relative}.hero-copy{max-width:590px;z-index:2}.eyebrow,.section-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:34px;height:3px;background:var(--orange)}.hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(76px,8vw,132px);line-height:.78;letter-spacing:-.07em;margin:50px 0 40px;font-weight:700}.hero-copy h1 em,.stories-heading h2 em{font-weight:400;color:var(--blue)}.hero-lede{font-size:21px;line-height:1.55;max-width:520px;color:#556055}.hero-buttons{display:flex;align-items:center;gap:28px;margin-top:36px}.primary-button{font-weight:800;padding:18px 24px;box-shadow:8px 8px 0 var(--lime);display:inline-flex;gap:28px}.watch-link{font-weight:700;font-size:14px;display:flex;align-items:center;gap:10px}.play{width:38px;height:38px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;font-size:10px}.trust-row{display:flex;align-items:center;gap:14px;margin-top:62px}.avatar-stack{display:flex}.avatar-stack span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffd6c8;border:2px solid var(--paper);font-size:10px;font-weight:bold;margin-left:-8px}.avatar-stack span:first-child{margin-left:0;background:#c9d5ff}.trust-row p{font-size:12px;line-height:1.45;color:#667066;margin:0}.trust-row strong{color:var(--ink)}
.hero-art{height:590px;position:relative;display:grid;place-items:center}.sun-disc{position:absolute;width:470px;height:470px;border-radius:50%;background:var(--blue);right:-40px;top:45px}.sun-disc:after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid rgba(255,255,255,.3);left:115px;top:115px}.profile-card{width:310px;height:470px;border-radius:22px;background:white;box-shadow:0 28px 70px rgba(23,32,23,.25);position:absolute;z-index:4;transform:rotate(-5deg);overflow:hidden}.profile-cover{height:112px;background:var(--orange);color:white;font-family:Georgia,serif;font-size:18px;padding:20px;letter-spacing:.05em;display:flex;align-items:flex-end}.profile-cover span{line-height:.85}.profile-head{height:88px;display:flex;align-items:center;gap:12px;padding:0 20px}.profile-photo,.mini-avatar{width:62px;height:62px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-weight:800;margin-top:-28px;border:4px solid white}.profile-head strong{display:block;font-size:17px}.profile-head small{font-size:11px;color:#718071}.mini-bio{font-size:12px;line-height:1.5;padding:0 20px 14px;color:#5e665e}.profile-actions{display:grid;grid-template-columns:1fr 40px;gap:8px;padding:0 20px}.profile-actions a,.profile-actions button{height:40px;border-radius:8px;border:0;font-size:11px;font-weight:800}.profile-actions a{background:var(--ink);color:white;text-align:center;line-height:40px}.profile-actions button{background:#ecebe5}.profile-links{display:grid;gap:8px;padding:15px 20px}.profile-links span{border-top:1px solid #eee;border-radius:0;padding-top:12px;font-size:12px;font-weight:700}.profile-links b{float:right}.card-stack{position:absolute;width:310px;height:470px;border-radius:22px}.stack-back{background:var(--lime);transform:rotate(13deg);z-index:2;right:60px}.stack-middle{background:#f8b7a3;transform:rotate(4deg);z-index:3;right:28px}.orbit-label{position:absolute;z-index:6;background:white;padding:9px 14px;border-radius:30px;font-size:11px;text-transform:uppercase;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.12)}.orbit-label-one{right:-12px;top:115px;transform:rotate(8deg)}.orbit-label-two{left:6px;bottom:55px;transform:rotate(-8deg)}.tap-bubble{position:absolute;z-index:6;right:15px;bottom:-4px;width:108px;height:108px;border-radius:50%;background:var(--lime);display:grid;place-items:center;text-align:center;border:8px solid var(--paper);transform:rotate(8deg)}.tap-bubble span{font-family:Georgia,serif;font-size:28px;font-style:italic;margin-bottom:-23px}.tap-bubble small{font-size:9px;text-transform:uppercase;font-weight:bold;margin-top:-30px}
.ticker{background:var(--lime);overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);height:58px;display:flex;align-items:center}.ticker div{white-space:nowrap;font-weight:900;font-size:14px;letter-spacing:.08em;animation:ticker 24s linear infinite}.ticker i{font-style:normal;color:var(--blue);padding:0 28px}@keyframes ticker{to{transform:translateX(-35%)}}
.intro-section{padding:110px 7vw 90px;background:#fff}.intro-grid{display:grid;grid-template-columns:2fr 1fr;gap:80px;align-items:end;border-bottom:1px solid #d6d8d2;padding-bottom:70px}.intro-grid h2,.stories-heading h2,.closing-section h2{font-family:Georgia,serif;font-size:clamp(58px,7vw,105px);line-height:.86;letter-spacing:-.05em;margin:35px 0 0}.intro-grid h2 em{color:var(--orange);font-weight:400}.intro-copy{padding-bottom:8px}.intro-copy p{font-size:18px;line-height:1.6;color:#606960}.intro-copy a{display:inline-block;margin-top:20px;border-bottom:2px solid var(--ink);font-weight:800;padding-bottom:6px}.intro-copy a span{color:var(--orange)}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px}.feature-row article{padding:10px 50px;border-right:1px solid #d6d8d2}.feature-row article:first-child{padding-left:0}.feature-row article:last-child{border-right:0}.feature-row article>span{color:var(--orange);font-family:Georgia,serif;font-size:20px}.feature-row h3{font-family:Georgia,serif;font-size:28px;margin:35px 0 12px}.feature-row p{color:#697069;line-height:1.55;font-size:15px}
.how-section{min-height:720px;background:var(--blue);display:grid;grid-template-columns:43% 57%;overflow:hidden}.how-panel{padding:90px 7vw;color:white}.section-kicker.light{color:#ccd5ff}.how-panel h2{font-family:Georgia,serif;font-size:70px;line-height:.88;letter-spacing:-.05em;margin:45px 0 60px}.steps{display:grid}.steps article{display:grid;grid-template-columns:42px 1fr;gap:16px;border-top:1px solid rgba(255,255,255,.25);padding:22px 0}.steps article b{width:28px;height:28px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center}.steps h3{margin:0 0 7px;font-size:18px}.steps p{margin:0;color:#ccd5ff;line-height:1.45;font-size:13px}.editor-preview{margin:75px 5vw 75px 0;border-radius:18px;background:#f8f7f2;box-shadow:0 30px 80px rgba(0,0,0,.25);align-self:center;height:520px;overflow:hidden;color:var(--ink)}.editor-top{height:48px;border-bottom:1px solid #ddd;display:flex;align-items:center;padding:0 14px;gap:7px}.editor-top i{width:9px;height:9px;border-radius:50%;background:#ccc}.editor-top i:first-child{background:#ff7b59}.editor-top span{font-size:11px;font-weight:700;margin-left:auto;margin-right:auto}.editor-body{height:472px;display:grid;grid-template-columns:55px 1fr 240px}.editor-body aside{border-right:1px solid #ddd;display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:24px}.editor-body aside span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;font-size:12px}.editor-body aside .active{background:var(--ink);color:white}.editor-form{padding:42px 34px}.editor-form label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:bold;display:block;margin-top:22px;margin-bottom:8px}.fake-input{height:40px;border:1px solid #ddd;border-radius:7px;display:flex;align-items:center;padding:0 12px;font-size:12px}.theme-dots{display:flex;gap:10px}.theme-dots i{width:28px;height:28px;border-radius:50%;background:var(--blue);border:3px solid white;box-shadow:0 0 0 1px #bbb}.theme-dots i:nth-child(2){background:var(--orange)}.theme-dots i:nth-child(3){background:var(--lime)}.theme-dots i:nth-child(4){background:#1b1b1b}.mini-device{background:#e8e8e1;height:420px;margin-top:26px;border:8px solid #181818;border-radius:28px;text-align:center;padding-top:0;box-shadow:0 12px 30px rgba(0,0,0,.15)}.mini-device-cover{height:80px;background:var(--orange)}.mini-avatar{margin:-25px auto 5px;width:54px;height:54px}.mini-device strong{font-size:13px;display:block}.mini-device small{font-size:9px;color:#777}.mini-device>div:last-child,.mini-device>div:nth-last-child(2){background:white;margin:18px 14px 0;padding:12px;border-radius:8px;font-size:10px;font-weight:bold}
.stories-section{padding:110px 7vw;background:var(--paper)}.stories-heading{display:grid;grid-template-columns:1fr 2fr}.stories-heading h2{margin-top:0}.stories-heading h2 em{color:var(--orange)}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}.story-grid blockquote{margin:0;background:white;border-radius:18px;padding:34px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between}.story-grid blockquote.accent-story{background:var(--lime);transform:translateY(-22px)}.story-grid blockquote>p{font-family:Georgia,serif;font-size:25px;line-height:1.25}.story-grid footer{display:flex;align-items:center;gap:12px}.story-grid footer span{width:42px;height:42px;border-radius:50%;background:var(--orange);color:white;display:grid;place-items:center;font-size:11px}.story-grid footer strong,.story-grid footer small{display:block}.story-grid footer small{font-size:11px;color:#777;margin-top:3px}.closing-section{background:var(--orange);min-height:430px;padding:80px 7vw;display:flex;align-items:end;justify-content:space-between}.closing-section h2{color:white;margin-top:25px}.closing-section>a{width:180px;height:180px;border-radius:50%;background:var(--lime);display:grid;place-content:center;text-align:center;font-family:Georgia,serif;font-size:22px;transform:rotate(-8deg);box-shadow:12px 12px 0 rgba(23,32,23,.14)}.site-footer{min-height:180px;background:var(--ink);color:white;padding:50px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:30px}.site-footer .brand-mark{background:var(--lime);color:var(--ink)}.footer-note{color:#abb4ab}.footer-links{display:flex;gap:24px;font-size:13px}.site-footer small{color:#758075}
@media(max-width:900px){.main-nav{position:absolute;top:78px;left:0;width:100%;background:var(--paper);padding:25px 5vw;display:none;border-bottom:1px solid #ccc}.main-nav.open{display:flex;flex-direction:column}.header-actions{display:none}.menu-button{display:block}.hero-new{grid-template-columns:1fr;padding-top:125px}.hero-copy{max-width:none}.hero-copy h1{font-size:78px}.hero-art{margin-top:40px}.intro-grid,.stories-heading{grid-template-columns:1fr}.intro-grid{gap:30px}.feature-row{grid-template-columns:1fr}.feature-row article{border-right:0;border-top:1px solid #ddd;padding:25px 0}.how-section{grid-template-columns:1fr}.editor-preview{margin:0 5vw 60px}.story-grid{grid-template-columns:1fr}.story-grid blockquote.accent-story{transform:none}.site-footer{grid-template-columns:1fr 1fr}.hero-art{transform:scale(.9)}}
@media(max-width:560px){.site-header{padding:0 20px}.hero-new{padding:110px 20px 45px;min-height:auto}.hero-copy h1{font-size:64px;margin-top:35px}.hero-lede{font-size:17px}.hero-buttons{align-items:flex-start;flex-direction:column}.hero-art{height:520px;transform:scale(.82);margin:-20px -50px 0}.sun-disc{width:390px;height:390px}.intro-section,.stories-section{padding:75px 20px}.intro-grid h2,.stories-heading h2,.closing-section h2{font-size:58px}.how-panel{padding:75px 20px}.how-panel h2{font-size:58px}.editor-preview{height:450px}.editor-body{grid-template-columns:38px minmax(120px,1fr) 150px}.mini-device{display:block;height:330px;margin-top:38px;border-width:6px;border-radius:22px;transform:none}.mini-device-cover{height:58px;font-size:0}.mini-avatar{width:46px;height:46px}.closing-section{padding:65px 20px;min-height:500px;flex-direction:column;align-items:flex-start}.closing-section>a{align-self:flex-end}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}

/* Small-screen layout safeguards */
@media(max-width:480px){
  html,body{max-width:100%;overflow-x:hidden}
  .site-header{height:68px;padding:0 16px}
  .hero-new{padding:92px 16px 35px}
  .hero-copy h1{font-size:52px;line-height:.84;margin:32px 0 28px}
  .hero-lede{font-size:16px}
  .hero-buttons{width:100%;gap:18px}
  .primary-button{max-width:100%;justify-content:space-between;padding:16px 18px}
  .trust-row{margin-top:42px}
  .hero-art{height:440px;width:390px;margin-left:50%;margin-right:0;transform:translateX(-50%) scale(.72);transform-origin:top center}
  .sun-disc{right:-70px}
  .intro-grid h2,.stories-heading h2,.closing-section h2{font-size:46px}
  .intro-section,.stories-section{padding:60px 16px}
  .intro-grid{padding-bottom:45px}
  .feature-row article{padding:28px 0}
  .how-panel{padding:60px 16px}
  .how-panel h2{font-size:46px;margin-bottom:40px}
  .editor-preview{height:420px;margin-left:16px;margin-right:16px}
  .editor-body{grid-template-columns:38px minmax(120px,1fr) 150px}
  .mini-device{display:block}
  .editor-form{padding:16px}
  .stories-heading{gap:30px}
  .story-grid blockquote{padding:28px 22px}
  .closing-section{padding:55px 16px;overflow:hidden}
  .site-footer{padding:45px 16px;gap:35px}
  .footer-links{gap:20px}
}