/* Brand-consistent primary action and feature states. */
.hero-actions .button{background:#FF8DBB;color:#fff;border-color:#FF8DBB}.hero-actions .button:hover{background:#FF8DBB;color:#fff;border-color:#FF8DBB}.hero-actions .button>span{color:#fff}.hero-actions .button:hover:after{opacity:.05}
:root{--feature-soft-fill:radial-gradient(ellipse at 20% 12%,#fff,transparent 75%),linear-gradient(155deg,#fffefd,#fcfaf6 58%,#fffdfa)}.feature-choice[aria-selected=true],.feature-choice[aria-selected=true]:hover{background:var(--feature-soft-fill);border-color:#FF8DBB}.feature-choice[aria-selected=false]:hover{background:var(--feature-soft-fill);border-color:#e5e4e2}.feature-choice[aria-selected=true] .icon,.feature-choice[aria-selected=true] b{color:#28282b}.feature-choice:hover:after{opacity:.025}.feature-choice:focus-visible{outline:2px solid #28282b;outline-offset:3px}.iphone-caption{display:none}
.usage-section{scroll-margin-top:90px}.usage-section .section-heading{max-width:850px}.usage-section .section-heading>p:last-child{font-size:21px;line-height:1.5;margin-top:24px;color:#655e64}.usage-benefits{display:flex;flex-wrap:wrap;gap:18px 32px;margin-top:30px}.usage-benefits>span{display:flex;align-items:center;gap:10px;font-size:15px;color:#4e484c}.usage-benefits .icon{height:21px;width:21px;color:#9a5775}.usage-box{padding:32px 38px 38px;margin-top:35px;background:#fff;border:1px solid #e5e4e2;border-radius:25px}.usage-box .device-tabs{margin:0 0 35px;padding-bottom:20px;border-bottom:1px solid #ece9e7;display:flex;gap:8px}.usage-box .device-tabs button{font-size:15px;padding:11px 22px;background:#fff;border:1px solid #e5e4e2;border-radius:30px;color:#393237}.usage-box .device-tabs button:hover{background:#fff8e3}.usage-box .device-tabs button[aria-selected=true]{background:#FFF0BA;border-color:#e6d28b;color:#28282b}.usage-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:60px;align-items:center}.usage-layout #device-panel{min-width:0}.usage-layout h3{font-size:31px;line-height:1.15;font-weight:500;letter-spacing:-.5px;margin:0 0 17px}.usage-layout #usage-description{font-size:18px;line-height:1.5;color:#655e64;margin:0 0 25px}.usage-box .install-steps{display:grid;grid-template-columns:1fr;gap:20px;margin:0;padding:0;counter-reset:usage-step}.usage-box .install-steps li{position:relative;padding:0 0 0 40px;display:block;counter-increment:usage-step}.usage-box .install-steps li:before{content:counter(usage-step);position:absolute;left:0;top:0;width:26px;height:26px;display:grid;place-items:center;background:#fff8e3;border:1px solid #e6dcbf;border-radius:50%;font-size:12px;color:#544a30}.usage-box .install-steps b{display:block;font-size:15px;line-height:1.35;font-weight:600;margin:0 0 5px}.usage-box .install-steps span{display:block;font-size:14px;line-height:1.5;color:#655e64}.usage-box #device-note{font-size:12px;line-height:1.5;color:#7b7278;margin:25px 0 18px}.usage-link{font-size:14px}.usage-link[hidden]{display:none}
.usage-art{min-height:455px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-width:0}.usage-art:before{content:'';position:absolute;inset:24px -5px 15px;background:#e3f0fa;border-radius:43% 57% 60% 40% / 55% 42% 58% 45%;z-index:-1;transform:rotate(-9deg)}.usage-phone{width:200px;border:6px solid #28282b;border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 15px 35px #24212715}.usage-phone .iphone-status{font-size:9px}.usage-phone .iphone-indicators{gap:2px}.usage-phone .status-signal{width:8px}.usage-phone .status-wifi{width:8px}.usage-phone .status-battery{width:14px}.usage-app-view{display:block;width:100%;height:352px;object-fit:cover;object-position:top}.usage-home-bar{height:14px;background:#fff;position:relative}.usage-home-bar:after{content:'';position:absolute;height:3px;background:#28282b;left:32%;right:32%;bottom:4px;border-radius:3px}.usage-app-shortcut,.usage-push,.usage-sync{position:absolute;background:white;border:1px solid #e5e4e2;border-radius:15px;box-shadow:0 8px 25px #27222a0b;display:flex;align-items:center;gap:10px;padding:13px 15px}.usage-app-shortcut{left:0;top:45px}.usage-app-shortcut img{border-radius:10px}.usage-art strong{display:block;font-weight:600}.usage-app-shortcut strong,.usage-push strong,.usage-sync strong{font-size:13px;line-height:1.35}.usage-app-shortcut span,.usage-push span,.usage-sync span{display:block;font-size:11px;color:#746c72;margin-top:4px}.usage-push{right:-5px;bottom:52px}.usage-push svg,.usage-sync svg{width:23px;height:23px;color:#a86282;flex:none}.usage-laptop{width:100%;max-width:390px}.usage-laptop-screen{border:7px solid #38383c;border-radius:16px 16px 4px 4px;background:#fff;min-height:235px}.usage-browser-bar{display:flex;align-items:center;gap:16px;padding:10px;background:#f6f6f8;border-bottom:1px solid #e5e7eb;font-size:10px;color:#999}.usage-browser-bar b{font-weight:400;color:#777}.usage-desktop-mark{display:flex;align-items:center;flex-direction:column;padding:28px 10px 36px;gap:9px}.usage-desktop-mark img{border-radius:18px}.usage-desktop-mark strong{font-size:26px}.usage-desktop-mark span{font-size:12px;color:#746c72}.usage-laptop-base{height:13px;width:110%;margin-left:-5%;background:linear-gradient(#d1d2d5,#a7a8ae);border-radius:2px 2px 20px 20px}.usage-sync{bottom:32px;left:50%;transform:translateX(-50%);white-space:nowrap}.usage-art[data-platform=desktop]:before{background:#eef2cf}.usage-art[data-platform=telegram]:before{background:#ffe6ef}.usage-chat{width:100%;max-width:355px;border:1px solid #dedde3;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 14px 35px #27222a0b}.usage-chat-header{display:flex;align-items:center;gap:11px;padding:16px;background:#fff;border-bottom:1px solid #e6e7eb}.usage-chat-header strong{font-size:15px}.usage-chat-header span{font-size:11px;color:#8b8490}.usage-chat-body{padding:22px 18px;background:#f7f9fb}.usage-attachment{display:flex;align-items:center;gap:10px;padding:13px 10px;background:#e5f2eb;border-radius:12px;margin-bottom:24px}.usage-attachment strong{font-size:11px;overflow-wrap:anywhere}.usage-attachment div>span{font-size:10px;color:#6d7c74;margin-top:4px;display:block}.usage-pdf-icon{flex:none;display:grid;place-items:center;font-size:9px;border:1px solid #93b7a3;border-radius:6px;background:#fff;width:34px;height:41px;color:#47705b}.usage-attachment svg{width:17px;height:17px;color:#46785f;flex:none}.usage-bot-step{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:12px}.usage-bot-step>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;border:1px solid #dedde3;background:#fff;font-size:11px;color:#756d75}.usage-chat-result{display:flex;align-items:center;gap:8px;border-top:1px solid #dfe4e7;margin-top:23px;padding-top:18px;font-size:11px;color:#4a6d5c}.usage-chat-result svg{width:20px;height:20px;flex:none}
@media(max-width:1050px){.usage-layout{gap:35px}.usage-box{padding:28px}.usage-app-shortcut{left:-8px;top:35px}.usage-push{right:-8px}.usage-app-shortcut,.usage-push{padding:11px}.usage-layout h3{font-size:27px}.usage-phone{width:180px}.usage-art{min-height:435px}}
@media(max-width:800px){.usage-layout{grid-template-columns:1fr;gap:30px}.usage-art{max-width:430px;width:100%;margin:auto}.usage-art:before{inset-inline:10px}.usage-box{padding:24px}.usage-art{grid-row:2}.usage-push{right:0}.usage-app-shortcut{left:0}.usage-phone{width:200px}.usage-box .device-tabs{overflow:auto;max-width:100%;padding-bottom:16px;gap:7px}.usage-box .device-tabs button{flex:none;white-space:nowrap;padding:10px 17px}.usage-section .section-heading>p:last-child{font-size:18px}.usage-benefits{gap:15px}.usage-benefits>span{font-size:14px}.usage-layout h3{font-size:28px}.usage-art[data-platform=desktop]{min-height:380px}}
@media(max-width:400px){.usage-box{padding:20px 16px}.usage-layout #usage-description{font-size:16px}.usage-layout h3{font-size:25px}.usage-art{min-height:435px}.usage-app-shortcut{top:32px}.usage-push{bottom:28px}.usage-app-shortcut strong,.usage-push strong{font-size:11px}.usage-app-shortcut span,.usage-push span{font-size:10px}.usage-app-shortcut img{width:34px;height:34px}.usage-app-shortcut,.usage-push{padding:10px;gap:8px}.usage-sync{white-space:normal;width:240px}.usage-laptop-base{width:104%;margin-left:-2%}.usage-chat-body{padding:18px 12px}}

.feature-choice[aria-selected=true]:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.025;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}

/* Shared selection standard: subtle declaration fill, pink selected border. */
.usage-box .device-tabs button{position:relative;isolation:isolate}.usage-box .device-tabs button[aria-selected=true],.usage-box .device-tabs button[aria-selected=true]:hover{background:var(--feature-soft-fill);border-color:#FF8DBB;color:#28282b}.usage-box .device-tabs button[aria-selected=false]:hover{background:var(--feature-soft-fill);border-color:#e5e4e2}.usage-box .device-tabs button:is([aria-selected=true],:hover):after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.025;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.usage-box #device-note[hidden]{display:none}
/* The same phone proportions as the feature mockups; callouts form one stack. */
.usage-art[data-platform=ios],.usage-art[data-platform=android]{min-height:535px}.usage-phone.iphone-device{position:absolute;right:25px;top:15px;margin:0;width:216px;max-width:none;border:0;padding:8px;border-radius:43px;background:#28282b;box-shadow:inset 0 0 0 1px #85858a,inset 0 0 0 3px #48484d,0 18px 32px #251d2517}.usage-phone .iphone-screen{border-radius:35px}.usage-app-view{height:auto;aspect-ratio:390/844;object-fit:cover;object-position:top}.usage-phone .iphone-status{font-size:10px}.usage-app-shortcut,.usage-push{left:0;right:auto;top:auto;bottom:auto;width:238px;padding:14px 15px;gap:11px;min-height:65px;z-index:2}.usage-app-shortcut{bottom:112px}.usage-push{bottom:34px}.usage-app-shortcut img{width:38px;height:38px}.usage-app-shortcut strong,.usage-push strong{font-size:13px}.usage-app-shortcut span,.usage-push span{font-size:11px}
@media(max-width:1050px){.usage-phone.iphone-device{right:5px;width:206px;top:18px}.usage-app-shortcut,.usage-push{width:216px;padding:12px;gap:9px}.usage-app-shortcut strong,.usage-push strong{font-size:12px}.usage-app-shortcut span,.usage-push span{font-size:10px}}
@media(max-width:800px){.usage-phone.iphone-device{right:20px;width:216px;top:15px}.usage-app-shortcut,.usage-push{width:230px}.usage-art[data-platform=ios],.usage-art[data-platform=android]{min-height:550px}}
@media(max-width:550px){.usage-art[data-platform=ios],.usage-art[data-platform=android]{min-height:640px}.usage-phone.iphone-device{right:8px;width:216px;top:8px}.usage-app-shortcut,.usage-push{left:0;width:230px;min-height:63px;padding:13px}.usage-app-shortcut{bottom:83px}.usage-push{bottom:8px}.usage-art[data-platform=ios]:before,.usage-art[data-platform=android]:before{inset-block:24px 100px}}
@media(max-width:360px){.usage-app-shortcut,.usage-push{width:218px}}
/* Approved option 2: the same brand yellow, with two clear intensities. */
:root{--feature-hover-fill:color-mix(in srgb,#FFF0BA 26%,#fff);--feature-selected-fill:color-mix(in srgb,#FFF0BA 52%,#fff)}
.feature-choice[aria-selected=true],.feature-choice[aria-selected=true]:hover,.usage-box .device-tabs button[aria-selected=true],.usage-box .device-tabs button[aria-selected=true]:hover{background:var(--feature-selected-fill);border-color:#FF8DBB}
.feature-choice[aria-selected=false]:hover,.usage-box .device-tabs button[aria-selected=false]:hover{background:var(--feature-hover-fill);border-color:#e5e4e2}

/* Device guide: clear outlines, compact header, true phone proportions. */
.usage-box .device-tabs{border-bottom:0;padding-bottom:0;margin-bottom:22px}
.usage-box .device-tabs button,.usage-box .device-tabs button[aria-selected=true],.usage-box .device-tabs button[aria-selected=true]:hover,.usage-box .device-tabs button[aria-selected=false]:hover{background:#fff}
.usage-box .device-tabs button:is([aria-selected=true],:hover):after{display:none}
.usage-box .device-tabs button[aria-selected=true]{border-color:#FF8DBB}
.usage-box .install-steps li:before{background:#fff;border-color:#FF8DBB;color:#655e64}
.usage-layout{align-items:start}
.usage-layout #device-panel{padding-top:18px}
.usage-art[data-platform=ios],.usage-art[data-platform=android]{min-height:560px}
.usage-phone.iphone-device{width:250px;right:8px;top:0}
.usage-phone .iphone-screen{aspect-ratio:390/844;display:flex;flex-direction:column}
.usage-phone .iphone-status{flex:none}
.usage-phone .usage-app-view{flex:1;min-height:0;width:100%;height:0;aspect-ratio:auto;object-fit:cover;object-position:top}
.usage-phone .iphone-bottom{flex:none}
.usage-callouts{position:absolute;left:0;top:214px;width:238px;display:grid;gap:10px;z-index:2}
.usage-callouts>div{position:relative;inset:auto;transform:none;width:100%;min-height:64px;margin:0;padding:12px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;background:#fff;border:1px solid #e5e4e2;border-radius:15px;box-shadow:0 8px 25px #27222a0b}
.usage-callouts>div>img{width:36px;height:36px;justify-self:center;border-radius:9px}
.usage-callouts>div>svg{width:24px;height:24px;justify-self:center;color:#a86282}
.usage-callouts strong{font-size:12px;line-height:1.35}
.usage-callouts span{display:block;font-size:10px;color:#746c72;margin-top:4px;line-height:1.4}
.usage-art[data-platform=desktop]{min-height:420px;flex-direction:column;gap:28px;padding:18px 0 35px}
.usage-laptop{max-width:440px;order:2}
.usage-laptop-screen{min-height:0;overflow:hidden}
.usage-desktop-view{width:100%;height:auto;display:block}
.usage-art[data-platform=desktop] .usage-sync{position:relative;inset:auto;transform:none;order:1;width:auto;max-width:100%;white-space:normal;align-self:center}
@media(min-width:801px) and (max-width:1100px){.usage-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.usage-phone.iphone-device{width:230px;right:0}.usage-callouts{width:215px;top:206px}.usage-callouts strong{font-size:11px}.usage-callouts span{font-size:10px}}
@media(max-width:800px){.usage-layout #device-panel{padding-top:0}.usage-art[data-platform=ios],.usage-art[data-platform=android]{min-height:0;flex-direction:column;padding:0 0 20px}.usage-phone.iphone-device{position:relative;inset:auto;width:244px;flex:none}.usage-callouts{position:relative;inset:auto;width:min(100%,270px);margin-top:-22px}.usage-art[data-platform=ios]:before,.usage-art[data-platform=android]:before{inset:20px 0 110px}.usage-art[data-platform=desktop]{min-height:0;padding:15px 0 35px}.usage-box .device-tabs{padding-bottom:0;margin-bottom:26px}}
@media(max-width:800px){.usage-art:before{transform:none}}
/* Feature navigation: solid selected state and outlined hover. */
.feature-choice[aria-selected=true],.feature-choice[aria-selected=true]:hover{background:#FF8DBB;border-color:#FF8DBB;color:#fff}
.feature-choice[aria-selected=true] b,.feature-choice[aria-selected=true] .icon{color:#fff}
.feature-choice[aria-selected=false]:hover{background:#fff;border-color:#FF8DBB}
.feature-choice:is([aria-selected=true],:hover):after{display:none}
@media(min-width:901px){.feature-explorer{grid-template-columns:280px minmax(0,1fr)}.feature-choice{padding-inline:14px;gap:10px}.feature-choice b{font-size:17px}.feature-choice .icon{width:23px;height:23px}}
.feature-case{background:#fffdfa;border-color:#eee9e2}
/* A clearer right-hand silhouette behind feature phones. */
@media(min-width:1151px){.iphone-stage:before{left:-16px;right:-52px;transform:rotate(-7deg)}}
@media(min-width:701px) and (max-width:1150px){.iphone-stage:before{left:calc(50% + 28px);width:min(420px,94%);transform:translateX(-50%) rotate(-7deg)}}
@media(max-width:700px){.iphone-stage:before{left:calc(50% + 19px);width:94%;transform:translateX(-50%) rotate(-4deg)}}
@media(max-width:700px){.iphone-stage{overflow:clip}.iphone-stage:before{left:calc(50% + 15px);width:90%;transform:translateX(-50%)}}
/* Brand pink for the three usage benefits. */
.usage-benefits .icon{color:#FF8DBB}
/* Device composition: an asymmetric backdrop around the phone, with deliberate callout overlap. */
@media(min-width:801px){
 .usage-art[data-platform=ios],.usage-art[data-platform=android]{min-height:610px}
 .usage-art:is([data-platform=ios],[data-platform=android]):before{inset:0 -10px 0 0;border-radius:0;transform:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Cpath d='M345 12C420-10 530 10 563 78C602 146 557 193 581 267C613 352 578 414 553 472C518 548 454 587 370 574C297 562 242 603 194 556C158 520 185 482 135 452C99 430 93 385 112 343C127 310 91 266 125 225C160 181 218 196 249 151C281 108 270 37 345 12Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
 .usage-phone.iphone-device{width:244px;right:32px;top:44px}
 .usage-callouts{left:0;top:202px;width:270px;gap:12px}
 .usage-callouts>div{padding:14px;grid-template-columns:36px minmax(0,1fr);gap:12px;min-height:78px}
 .usage-callouts strong{font-size:15px;line-height:1.3}
 .usage-callouts span{font-size:13px;line-height:1.4;margin-top:5px}
 .usage-callouts>div>svg{color:#FF8DBB}
}
@media(min-width:1200px){.usage-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:42px}}
@media(min-width:801px) and (max-width:1199px){.usage-layout{grid-template-columns:1fr;gap:30px}.usage-art{width:100%;max-width:620px;margin-inline:auto}.usage-layout #device-panel{max-width:680px;padding-top:0}}
@media(min-width:1151px) and (max-width:1399px){.iphone-stage:before{right:-16px;transform:none}}
/* Hero illustrations use the app screens without decorative speaker bars. */
.hero-art .phone-speaker{display:none}