
.su-why-comparison{width:100%;font-family:Poppins,sans-serif!important;color:#09063b;padding:12px 20px 45px}.su-why-comparison *{box-sizing:border-box;font-family:Poppins,sans-serif!important}.su-why-phones{max-width:1020px;display:grid;grid-template-columns:1fr 270px 1fr;align-items:center;gap:20px;margin:auto}.su-why-side{position:relative;text-align:center;padding-top:58px}.su-why-cross{position:absolute;top:-10px;left:50%;transform:translateX(-50%) rotate(-8deg);font-size:80px;line-height:1;font-weight:500;color:#e686bb}.su-why-phone{width:280px;height:566px;margin:auto;border:7px solid #202126;border-radius:43px;background:#202126;box-shadow:0 18px 34px #12164020,0 0 0 2px #73747b;position:relative;padding:2px}.su-why-phone:after{content:"";position:absolute;top:13px;left:50%;transform:translateX(-50%);width:88px;height:24px;background:#151519;border-radius:30px;z-index:5}.su-why-screen{height:100%;border-radius:33px;overflow:hidden;background:#fff;position:relative}.su-phone-status{display:flex;justify-content:space-between;font-size:10px;padding:12px 18px 15px;font-weight:600}.su-profile-name{display:flex;justify-content:space-between;padding:3px 12px 14px;font-size:14px;font-weight:600}.su-profile-stats{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px}.su-profile-stats img{width:56px;height:56px;border-radius:50%;object-fit:contain;border:1px solid #e3e7f3;padding:6px}.su-profile-stats div{display:flex;flex-direction:column;font-size:10px}.su-profile-stats strong{font-size:12px}.su-profile-bio{display:flex;flex-direction:column;text-align:left;padding:10px 12px;font-size:9px;line-height:1.6}.su-profile-bio strong{font-size:10px}.su-profile-follow{margin:0 12px 10px;background:#3155ff;color:white;border-radius:5px;display:flex;justify-content:space-around;padding:6px;font-size:10px}.su-profile-follow span{background:#eff2ff;color:#09063b;border-radius:3px;padding:0 12px}.su-profile-tabs{display:flex;justify-content:space-around;padding:2px 0 8px;font-size:19px;color:#3155ff;border-bottom:1px solid #e5e7ef}.su-profile-tabs span{color:#999}.su-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.su-grid-tile{aspect-ratio:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:8px;text-align:left;background:#3155ff;color:white}.su-grid-tile small{font-size:5px;letter-spacing:.8px}.su-grid-tile strong{font-size:7px;line-height:1.45}.su-grid-tile>span{font-size:4px;font-weight:600}.su-grid-tile-1{background:#e8e2ff;color:#29216e}.su-grid-tile-2{background:#e0f0ed;color:#1b4441}.su-profile-nav{display:flex;justify-content:space-around;padding:8px 0;font-size:20px}.su-why-caption{font-size:16px!important;line-height:1.5!important;margin:25px 0 0!important}.su-why-transition{text-align:center;align-self:center;margin-top:-80px}.su-why-transition p{font-size:23px!important;font-weight:500!important;line-height:1.5!important;margin:0!important}.su-why-transition em{color:#3155ff;font-weight:600}.su-why-transition svg{width:100%;height:auto;margin-top:12px;fill:none;stroke:#3155ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.su-why-badge{position:absolute;top:13px;left:0;right:0;font-size:12px;font-weight:600;letter-spacing:1px;color:#3155ff}.su-why-video-screen{background:#f5f7ff}.su-why-video-placeholder{height:calc(100% - 42px);position:relative;overflow:hidden}.su-why-video-placeholder>img{width:100%;height:100%;object-fit:cover;object-position:55% top}.su-video-coming{position:absolute;bottom:60px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;color:white;background:linear-gradient(transparent,#09063be6);padding:90px 15px 25px}.su-video-coming strong{font-size:18px}.su-video-coming>span:last-child{font-size:11px;line-height:1.5}.su-video-play{width:48px;height:48px;border-radius:50%;border:1px solid #ffffff80;background:#ffffff30;display:grid;place-items:center;font-size:25px}.su-video-account{position:absolute;bottom:15px;left:12px;right:12px;display:flex;align-items:center;gap:8px;text-align:left;color:white;z-index:2}.su-video-account img{width:36px;height:36px;background:white;border-radius:50%;object-fit:contain;padding:4px}.su-video-account div{display:flex;flex-direction:column;font-size:9px}.su-video-account strong{font-size:12px}
@media(max-width:1024px){.su-why-phones{grid-template-columns:1fr 190px 1fr;gap:10px}.su-why-phone{width:250px;height:510px}.su-why-transition p{font-size:21px!important}.su-grid-tile{padding:6px}.su-profile-nav{padding:5px 0}}
@media(max-width:767px){.su-why-comparison{padding:0 0 32px}.su-why-phones{grid-template-columns:1fr;gap:10px}.su-why-phone{width:270px;height:550px}.su-why-transition{margin:5px auto -10px;width:260px}.su-why-transition p{font-size:22px!important}.su-why-transition svg{width:120px;height:75px;transform:rotate(80deg);margin-top:0}.su-why-side{padding-top:60px}.su-why-caption{font-size:15px!important;margin-top:20px!important}.su-why-after{padding-top:48px}}

/* Refined fictional Instagram profile and full-screen video slot. */
.su-why-cross{top:0;font-size:70px;font-weight:700;color:#e686bb}.su-why-after{padding-top:58px}.su-why-video-placeholder{height:100%}.su-why-video-placeholder>img{object-position:55% top}.su-profile-name{font-size:12px;padding-bottom:12px}.su-profile-name b{font-weight:400}.su-fictional-avatar{width:59px;height:59px;flex-shrink:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ebe6dc;border:3px solid #fff;outline:1px solid #ddd;color:#303b36;font-family:Georgia,serif!important;font-size:25px;line-height:1.1}.su-fictional-avatar span{font-size:5px;letter-spacing:.5px;margin-top:4px}.su-profile-bio{font-size:8px;line-height:1.45;padding:9px 12px}.su-profile-bio strong{font-size:9px}.su-profile-category{color:#888}.su-profile-url{color:#244e69;font-weight:600}.su-profile-follow{background:none;padding:0;gap:4px;margin-bottom:10px}.su-profile-follow span{background:#efefef;color:#111;padding:6px 0;flex:1;border-radius:5px;font-size:9px;font-weight:600}.su-profile-follow span:first-child{background:#3295ed;color:white}.su-profile-follow span:last-child{flex:0 0 25px}.su-profile-highlights{display:flex;justify-content:space-around;padding:0 10px 10px}.su-profile-highlights>div{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:7px;color:#222}.su-profile-highlights i{width:34px;height:34px;border-radius:50%;background:#eee9e0;border:2px solid white;outline:1px solid #ddd;display:grid;place-items:center;font-size:12px;font-family:Georgia,serif!important;font-style:normal;color:#4b5650}.su-profile-tabs{font-size:18px;color:#222;padding:0;height:30px;align-items:center}.su-profile-tabs span{width:33%;height:100%;display:grid;place-items:center}.su-profile-tabs .su-tab-active{color:#111;border-bottom:1px solid #111}.su-profile-grid{gap:1px}.su-grid-tile{padding:7px;background:#e9e3d8;color:#303b36;position:relative}.su-grid-tile strong{font-family:Georgia,serif!important;font-size:11px;font-weight:400;line-height:1.15;letter-spacing:-.2px}.su-grid-tile small{font-size:4px;letter-spacing:1px}.su-grid-tile>span{font-size:3.8px;letter-spacing:.3px}.su-atelier-tile-1{background:#34483f;color:#f5eee1}.su-atelier-tile-2{background:#c7cbb8;color:#283b32}.su-profile-nav{font-size:18px;height:35px;background:#fff;color:#111;align-items:center;padding:0}.su-why-video-screen{background:#fff}@media(max-width:767px){.su-why-after{padding-top:20px}}

.su-why-before .su-profile-nav{position:absolute;bottom:0;left:0;right:0;z-index:4;border-top:1px solid #eee;height:34px}.su-why-before .su-profile-grid{padding-bottom:34px}

/* A red pencil crosses out the old profile, one stroke at a time. */
.su-why-before .su-pencil-cross{position:absolute;top:160px;left:50%;width:240px;height:300px;transform:translateX(-50%) rotate(-4deg);z-index:12;overflow:visible;pointer-events:none;fill:none;filter:drop-shadow(0 1px 1px #ffffff70)}
.su-pencil-stroke{stroke:#e63535;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420;animation:su-red-pencil-first 5.5s ease-in-out infinite}.su-pencil-second{animation-name:su-red-pencil-second}
@keyframes su-red-pencil-first{0%,8%{stroke-dashoffset:420;opacity:1}28%,86%{stroke-dashoffset:0;opacity:1}96%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes su-red-pencil-second{0%,30%{stroke-dashoffset:420;opacity:1}50%,86%{stroke-dashoffset:0;opacity:1}96%,100%{stroke-dashoffset:0;opacity:0}}
@media(max-width:1024px){.su-why-before .su-pencil-cross{width:215px;height:280px;top:155px}}
@media(max-width:767px){.su-why-before .su-pencil-cross{width:230px;height:300px;top:160px}}
@media(prefers-reduced-motion:reduce){.su-pencil-stroke{animation:none;stroke-dashoffset:0}}

/* Mobile phones stack vertically: draw the connecting arrow in that direction. */
.su-why-transition .su-why-arrow-mobile{display:none}
@media(max-width:767px){
 .su-why-transition{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(280px,100%);margin:18px auto 8px;padding:0}
 .su-why-transition p{font-size:20px!important;line-height:1.4!important}
 .su-why-transition .su-why-arrow-desktop{display:none}
 .su-why-transition .su-why-arrow-mobile{display:block;width:84px;height:108px;margin:0;transform:none;flex:0 0 auto;overflow:visible;stroke-width:3.5}
 .su-why-after{padding-top:0}
}

