/* Faithful screenshot derivatives: system bars removed from public PNGs. */
.device-section{padding:84px 0;background:#faf8f3;overflow:hidden;scroll-margin-top:100px}
.device-mobile-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-bottom:76px}
.device-copy{min-width:0}.device-copy h2{font-size:clamp(36px,4.2vw,54px);line-height:1.08;letter-spacing:-.045em;margin-top:20px}.device-copy>p{font-size:18px;line-height:1.75;color:var(--tinta-2);margin:24px 0;max-width:490px}
.device-points{list-style:none;display:grid;gap:13px;margin:0;padding:0;font-size:16px;line-height:1.65}.device-points li{display:flex;gap:12px;align-items:flex-start}.device-points li:before{content:'✓';color:#35765b;font-weight:700;flex-shrink:0}
.device-jump{display:inline-flex;gap:12px;align-items:center;font-size:14px;font-weight:600;color:var(--morado);margin-top:26px;line-height:1.6}.device-jump:hover,.device-cta:hover{text-decoration:underline;text-underline-offset:5px}
.device-mobile-visual{margin:0;display:flex;flex-direction:column;align-items:center;position:relative;isolation:isolate;gap:20px}.device-mobile-visual:before{content:'';position:absolute;width:390px;height:390px;max-width:100%;border-radius:50%;background:#ede7dd;top:100px;z-index:-1}.device-mobile-visual:after{content:'';position:absolute;width:450px;height:450px;max-width:110%;border:1px solid #ded5c7;top:70px;border-radius:50%;z-index:-1}
.device-tag{font-size:12px;letter-spacing:.12em;font-weight:650;color:var(--morado)}
.real-phone-frame{width:260px;max-width:80%;border:8px solid #282335;border-radius:32px;padding:10px 0;background:#fff;overflow:hidden;box-shadow:0 24px 50px #39318522;transform:rotate(3deg)}
.real-phone-frame img{display:block;width:100%;height:auto}.device-mobile-visual figcaption,.device-tablet-visual figcaption{font-size:12px;line-height:1.7;text-align:center;color:#716a7c;margin-top:5px}
.device-tablet-row{display:grid;grid-template-columns:1.35fr 1fr;gap:46px;align-items:center;padding:44px;border-radius:26px;background:#eeebf8;position:relative;scroll-margin-top:105px;border:1px solid #e2dced}
.device-tablet-visual{min-width:0;margin:0}.real-tablet-frame{border:11px solid #282335;border-radius:24px;overflow:hidden;background:#282335;box-shadow:0 24px 42px #39318520}.real-tablet-frame img{display:block;width:100%;height:auto}.device-tablet-visual figcaption{margin-top:18px}.device-tablet-copy h3{font-size:clamp(28px,2.8vw,38px);line-height:1.12;letter-spacing:-.04em;margin-top:18px}.device-tablet-copy>p{font-size:16px;margin:20px 0;line-height:1.75}.device-steps{display:grid;gap:12px;font-size:14px;line-height:1.6}.device-steps span{display:flex;align-items:center;gap:12px}.device-steps b{font-size:11px;letter-spacing:.04em;border:1px solid #cdc5e1;border-radius:50%;width:29px;height:29px;display:flex;align-items:center;justify-content:center;color:var(--morado);flex-shrink:0}.device-cta{display:inline-flex;gap:14px;align-items:center;color:var(--morado);font-size:14px;font-weight:650;margin-top:25px;line-height:1.6}
.home-hero .phone.real-hero-phone{padding:5px 0;height:auto;overflow:hidden;background:#fff;aspect-ratio:auto}.home-hero .phone.real-hero-phone img{width:100%;height:auto;display:block}
.portrait-capture{max-width:235px;margin:0 auto}.portrait-capture .capture-heading{display:block}.portrait-capture .capture-heading>span{display:block}.portrait-capture .capture-heading>span:last-child{text-align:left;font-size:11px}.portrait-capture .capture-viewport img{position:absolute}.portrait-capture figcaption{text-align:center}
a.device-jump:focus-visible,a.device-cta:focus-visible{outline:3px solid var(--morado);outline-offset:5px;border-radius:3px}
@media(max-width:1100px){.device-mobile-row{gap:40px}.device-tablet-row{gap:28px;padding:30px;grid-template-columns:1.2fr 1fr}.device-tablet-copy h3{font-size:31px}.device-tablet-copy>p{font-size:16px}}
@media(max-width:850px){.device-section{padding:60px 0}.device-mobile-row{gap:30px;padding-bottom:50px}.real-phone-frame{width:235px}.device-copy h2{font-size:38px}.device-copy>p{font-size:17px}.device-points{font-size:15px}.device-tablet-row{grid-template-columns:1fr;gap:30px;padding:34px}.device-tablet-copy{grid-row:1}.device-tablet-copy h3{font-size:36px}.device-tablet-copy>p{max-width:600px}.device-steps{grid-template-columns:repeat(3,1fr);gap:12px}.device-steps span{align-items:flex-start;flex-direction:column}.device-tablet-visual{max-width:640px;width:100%;margin:auto}}
@media(max-width:580px){.device-section{padding:50px 0}.device-mobile-row{grid-template-columns:1fr;gap:35px;padding-bottom:40px}.device-copy h2{font-size:40px}.device-copy>p{font-size:17px;margin:22px 0}.device-jump{font-size:14px}.device-mobile-visual{padding-top:10px}.device-mobile-visual:before{width:290px;height:290px;top:95px}.device-mobile-visual:after{width:330px;height:330px;top:75px;max-width:100%}.real-phone-frame{width:250px;border-width:7px;max-width:85%}.device-mobile-visual figcaption{font-size:12px}.device-tablet-row{padding:25px 18px;border-radius:18px;gap:28px}.device-tablet-copy h3{font-size:32px}.device-tablet-copy>p{font-size:16px}.device-steps{grid-template-columns:1fr;font-size:14px;gap:10px}.device-steps span{flex-direction:row;align-items:center}.real-tablet-frame{border-width:7px;border-radius:15px}.device-tablet-visual figcaption{font-size:12px;margin-top:14px}.portrait-capture{max-width:210px}.device-copy .store-links{flex-wrap:wrap;gap:10px}}
@media(prefers-reduced-motion:reduce){.real-phone-frame{transform:none}}
/* Two complementary mobile views fill the feature panel on larger screens. */
.mobile-capture-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:500px;margin:0 auto;padding-bottom:32px;align-items:start}.mobile-pair-item{min-width:0}.mobile-pair-item:nth-child(2){margin-top:32px}.mobile-capture-pair .portrait-capture{width:100%;max-width:225px}.mobile-capture-pair .capture-heading{font-size:12px;min-height:36px;display:flex;align-items:flex-end}.mobile-capture-pair .capture-heading>span:last-child,.mobile-capture-pair figcaption{display:none}.mobile-pair-caption{font-size:12px;line-height:1.7;text-align:center;color:#716a7c;margin:0 auto;max-width:400px}.mobile-pair-tabs{display:none}
@media(max-width:580px){.mobile-pair-tabs{display:flex}.mobile-capture-pair{display:block;padding-bottom:15px}.mobile-pair-item:not(.is-current){display:none}.mobile-pair-item:nth-child(2){margin-top:0}.mobile-capture-pair .portrait-capture{max-width:220px}.mobile-capture-pair .capture-heading{min-height:0}.mobile-pair-caption{max-width:260px}}