/* Influence's platform-story experiment. The previous version is in reference/. */
.landing{background:radial-gradient(ellipse at 90% 2%,#eee0fc 0,transparent 43%),linear-gradient(170deg,#d4b7f4,#c5a5ed 52%,#c7afe5)}
.landing .world-glow{display:none}.landing .ribbon-art{top:480px;opacity:.2;height:650px}.landing .header{height:105px}
.landing .hero{grid-template-columns:minmax(0,1fr) minmax(0,.96fr);gap:70px;padding:35px 40px 80px;min-height:680px;overflow:visible}
.landing .hero-copy{padding:0 0 35px}.hero-kicker{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#64417b;margin-bottom:24px}
.landing .hero h1{font-size:clamp(82px,7.8vw,111px);margin-bottom:29px}.landing .hero-description{font-size:17px;line-height:1.7;max-width:385px;color:#513366}
.hero-action{display:flex;gap:26px;align-items:center;margin-top:31px}.story-link{display:inline-flex;gap:13px;align-items:center;min-height:44px;font-size:13px}.story-link:hover{text-decoration:underline;text-underline-offset:4px}.landing .preview-note{font-size:11px;line-height:1.6;max-width:390px;color:#654578}
.idea-scene{position:relative;min-width:0;width:100%;max-width:455px;justify-self:end;padding:0 10px 0 0}
.example-browser{display:flex;align-items:center;justify-content:space-between;margin:0 3px 12px}.example-browser>span{font-size:10px;letter-spacing:1.8px;color:#63447b}.example-arrows{display:flex;gap:7px}.example-arrows button{width:44px;height:44px;border:1px solid #6c468e44;background:#e7d2f5;border-radius:50%;font-size:23px;line-height:1;transition:background .2s}.example-arrows button:hover{background:#fff4d8}.example-arrows button:active{background:var(--yellow)}
.idea-card{--pt-accent:#7951b5;position:relative;border:1px solid #744a7929;border-radius:19px;background:#fff8ef;box-shadow:0 18px 44px -25px #4b236c6b;overflow:hidden}
.recipient-row{display:flex;align-items:center;gap:12px;padding:21px 23px 17px;background:#fff8ef}.recipient-icon{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;background:var(--pt-accent);color:#fff;border-radius:13px}.recipient-icon svg{width:21px;height:21px}.recipient-label{font-size:8px;letter-spacing:1.3px;color:#765a72}.recipient-row h2{font-size:20px;letter-spacing:-.5px;margin-top:3px;line-height:1.2}.recipient-row>span:last-child{margin-left:auto;font-size:10px;color:#77576f}
.coin-art{position:relative;overflow:hidden;background:#fff3e9}.coin-art img{width:100%;height:auto;aspect-ratio:2000/1126;object-fit:cover}.art-caption{position:absolute;top:16px;left:23px;font-size:8px;letter-spacing:1.5px;color:#6f4554}
.coin-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 23px 18px;min-height:88px}.coin-identity>div>span{font-size:10px;color:#77576f}.coin-identity h3{font-size:24px;letter-spacing:-.7px;margin-top:3px}.idea-ticker{font-size:12px;background:#ebdff4;border-radius:6px;padding:9px 11px;white-space:nowrap}
.platform-picker{display:flex;gap:5px;padding:0 17px 15px}.platform-picker button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;min-height:44px;border:1px solid transparent;border-radius:7px;background:none;color:#70556d;font-size:10px}.platform-picker svg{width:15px;height:15px}.platform-picker button[aria-pressed=true]{background:#ebddf1;color:#3b224a;border-color:#d7c5df}.platform-picker button:hover{background:#f1e7f5}
.recipient-share{position:relative;display:flex;align-items:center;gap:19px;width:calc(100% - 22px);margin:15px -10px 0 auto;padding:15px 22px;border-radius:4px 17px 17px 17px;background:#ffeb62;box-shadow:0 7px 0 -3px #bd8d6c25;color:#432737;transform:rotate(-2deg)}
.recipient-share>strong{font-size:61px;letter-spacing:-4px;line-height:1.05}.recipient-share>strong>span{font-size:30px;letter-spacing:-2px}.recipient-share p{font-size:12px;line-height:1.65}.recipient-share b{font-weight:800}.sketch-arrow{position:absolute;left:-53px;top:-22px;width:59px;height:75px;fill:none;stroke:#704774;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.example-caption{text-align:center;margin:18px 0 0;font-size:9px;color:#6b4c7f;line-height:1.5}
.idea-story{max-width:1240px;margin:0 auto;padding:80px 40px 75px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.story-heading .hero-kicker{margin-bottom:20px}.story-heading h2{font-size:43px;letter-spacing:-1.9px;line-height:1.12}.story-heading h2 em{display:block;margin-top:9px;font-size:1.18em}.story-content{padding-top:0}.story-part{display:flex;align-items:flex-start;gap:23px}.story-part+.story-part{margin-top:29px}.story-symbol{width:36px;flex:0 0 36px;font-size:38px;line-height:1;font-family:Georgia,serif;color:#735081}.story-return{height:50px;fill:none;stroke:currentColor;stroke-width:1.7}.story-part h3{font-size:20px;letter-spacing:-.5px;margin-bottom:10px}.story-part p{font-size:14px;line-height:1.8;color:#583b6e;max-width:450px}.story-footnote{font-size:11px;color:#6d4e81;margin:23px 0 0 59px;line-height:1.7;max-width:390px}
.landing .faq-section{max-width:1240px;padding:65px 40px 100px;grid-template-columns:1fr 1fr;gap:90px}.landing .faq-section h2{font-size:32px}.landing .faq-index{display:none}.landing .faq-list details p{padding-left:0}.coin-identity.is-changing{animation:phone-swap .35s var(--ease)}.idea-scene{animation:story-card-in .8s .1s var(--ease) both}
@media(min-width:1600px){.landing .hero{min-height:730px;padding-top:50px;padding-bottom:95px}.landing .header{height:115px}}
@media(max-width:1100px){.landing .hero{gap:40px;padding-left:5%;padding-right:5%}.landing .hero h1{font-size:clamp(66px,8.3vw,91px)}.landing .hero-description{font-size:15px}.hero-action{gap:17px;flex-wrap:wrap}.hero-action .button{gap:30px}.idea-scene{padding-right:5px}.recipient-row{padding:18px 17px 14px;gap:9px}.recipient-row h2{font-size:17px}.recipient-row>span:last-child{display:none}.coin-identity{padding:17px}.coin-identity h3{font-size:21px}.platform-picker{padding:0 12px 12px}.platform-picker button span{display:none}.recipient-share{padding:15px;gap:12px;width:calc(100% - 10px);margin-right:-5px}.recipient-share>strong{font-size:52px}.recipient-share p{font-size:11px}.sketch-arrow{left:-36px;width:42px}.idea-story{padding:65px 5%;gap:50px}.story-heading h2{font-size:35px}.landing .faq-section{padding:50px 5% 85px;gap:50px}}
@media(max-width:760px){.landing .header{height:84px}.landing .hero{display:flex;gap:36px;padding:30px 7% 35px;min-height:0}.landing .hero-copy{padding:0;max-width:455px}.hero-kicker{font-size:9px;margin-bottom:18px}.landing .hero h1{font-size:clamp(70px,14vw,95px);letter-spacing:-4px;margin-bottom:22px}.landing .hero-description{font-size:15px;max-width:355px}.hero-action{margin-top:24px;gap:24px}.story-link{font-size:12px}.landing .preview-note{font-size:10px}.idea-scene{margin:0 auto;max-width:455px;padding:0}.recipient-row{padding:18px}.recipient-row h2{font-size:20px}.recipient-row>span:last-child{display:block}.coin-identity h3{font-size:23px}.platform-picker button span{display:inline}.recipient-share{margin:15px 0 0 auto;width:calc(100% - 18px);padding:15px 17px;gap:14px}.recipient-share>strong{font-size:55px}.recipient-share p{font-size:11px}.sketch-arrow{left:-29px;width:34px;top:-23px}.example-caption{font-size:8px}.landing .ribbon-art{top:830px;opacity:.15}.idea-story{display:block;padding:65px 7% 38px}.story-heading{max-width:455px;margin:auto}.story-heading h2{font-size:36px}.story-content{max-width:455px;margin:36px auto 0}.story-part{gap:18px}.story-part h3{font-size:19px}.story-part p{font-size:14px}.story-footnote{margin-left:54px}.landing .faq-section{padding:35px 7% 70px;display:block}.landing .faq-section h2{font-size:29px;margin-bottom:20px}.landing .faq-list{max-width:455px;margin:auto}}
@media(max-width:380px){.landing .hero h1{font-size:65px}.landing .hero-description{font-size:14px}.hero-action{gap:12px}.hero-action .button{gap:24px;padding:16px}.story-link{font-size:11px;gap:5px}.recipient-row{padding:16px 13px;gap:9px}.recipient-icon{width:36px;height:36px;border-radius:10px}.recipient-row h2{font-size:18px}.recipient-row>span:last-child{display:none}.coin-identity{padding:16px 13px;gap:9px}.coin-identity h3{font-size:20px}.idea-ticker{font-size:11px;padding:8px}.platform-picker{padding:0 10px 12px;gap:3px}.platform-picker button span{display:none}.recipient-share{gap:11px;padding:14px 12px}.recipient-share>strong{font-size:47px}.recipient-share p{font-size:10px}.story-heading h2{font-size:31px}.story-part{gap:13px}.story-part p{font-size:13px}.story-footnote{margin-left:49px}}
/* Compact visual explanation: generated profile-to-coin and claim artwork. */
.landing .hero{padding-top:20px;padding-bottom:50px;min-height:0;align-items:center}.landing .hero-copy{padding-bottom:35px}.landing .hero-description{font-size:18px}.coin-art img{aspect-ratio:3/2;object-fit:contain}.recipient-share{transform:none;gap:18px;padding:12px 24px;align-items:center}.share-wallet{width:94px;height:94px;object-fit:contain;flex-shrink:0}.share-copy{display:flex;align-items:center;gap:21px}.share-copy>strong{font-size:54px;letter-spacing:-3px;line-height:1}.share-copy>strong>span{font-size:28px;letter-spacing:-1px}.share-copy p{font-size:12px;line-height:1.6}.landing .faq-section{padding-top:45px;padding-bottom:65px}.landing .ribbon-art{opacity:.12}.landing .coin-identity{padding-top:14px;padding-bottom:12px;min-height:75px}
@media(min-width:1600px){.landing .hero{padding-top:30px;padding-bottom:55px;min-height:0}}
@media(max-width:1100px){.recipient-share{gap:12px;padding:12px 16px}.share-wallet{width:70px;height:84px}.share-copy{display:block}.share-copy>strong{font-size:43px}.share-copy p{font-size:11px}.landing .hero-description{font-size:16px}}
@media(max-width:760px){.landing .hero{padding-top:30px;padding-bottom:20px;gap:32px}.landing .hero-copy{padding:0}.landing .hero-description{font-size:16px}.recipient-share{width:100%;margin-right:0;gap:20px;padding:13px 22px}.share-wallet{width:83px;height:92px}.share-copy{display:flex;gap:18px}.share-copy>strong{font-size:43px}.share-copy p{font-size:11px}.landing .faq-section{padding-top:35px;padding-bottom:55px}.example-caption{margin-top:13px}}
@media(max-width:420px){.share-copy{display:block}.recipient-share{justify-content:center;gap:24px}.share-copy>strong{font-size:40px}.share-copy p{font-size:11px}}