/* Approved Bold presence presentation. Shared forms and policy pages use styles.css. */
.landing{font-size:18px;color-scheme:light}
.landing .site-header{border-bottom:0}
.landing .brand>img.primary-logo{min-width:0;max-width:100%}
.landing .site-header nav>a{display:inline-flex;align-items:center;min-height:44px}
.kaa-hero{background:radial-gradient(ellipse at 100% 90%,#2e7681 0,transparent 60%),var(--teal);color:var(--paper);padding:42px max(40px,calc((100% - 1100px)/2)) 36px}
.kaa-audience{text-align:center;font-size:34px;line-height:1.2;letter-spacing:-.02em;font-weight:700;max-width:none}
.kaa-headline{font:500 clamp(34px,5.2vw,57px)/1.09 Georgia,'Times New Roman',serif;text-align:center;letter-spacing:-.035em;text-wrap:balance;max-width:860px;margin:21px auto 32px}
.kaa-headline span{color:inherit}
.kaa-bold-lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:44px;max-width:890px;margin:auto}
.kaa-problem{font-size:22px;line-height:1.4;max-width:45ch}
.kaa-description{font-size:18px;line-height:1.55;max-width:49ch;margin-top:17px}
.kaa-action{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:28px}
.kaa-hero .button{background:var(--paper);color:var(--teal);border-color:var(--paper)}
.kaa-hero .button:hover{background:var(--canvas)}
.kaa-secondary{display:inline-flex;align-items:center;min-height:44px;font-size:16px;color:var(--paper)}
.kaa-status{margin-top:13px;font-size:14px}
.kaa-hero :is(a,button):focus-visible{outline-color:var(--paper)}
.kaa-devices{display:flex;align-items:center;justify-content:center;gap:18px;isolation:isolate}
.kaa-device{position:relative;flex:none;width:205px;border-radius:35px;padding:6px;background:linear-gradient(115deg,#e7e4df,#8f9495 25%,#dedbd5 47%,#9ea0a0 76%,#e8e5df);box-shadow:0 24px 35px #123b4624,0 0 0 1px #858e90}
.kaa-devices .kaa-device{width:min(205px,21vw);transform:rotate(-7deg)}
.kaa-devices .kaa-device:nth-child(2){width:min(190px,19vw);transform:rotate(8deg);margin-left:-50px;margin-top:58px;z-index:2}
.kaa-glass{background:var(--paper);border:3px solid #203036;border-radius:29px;overflow:hidden}
.kaa-phone-top{height:26px;position:relative;font:9px Arial,sans-serif;color:var(--teal);display:flex;align-items:center;justify-content:space-between;padding:0 13px}
.kaa-phone-top:after{content:'';position:absolute;width:65px;height:15px;border-radius:20px;background:var(--ink);left:50%;top:4px;transform:translateX(-50%)}
.kaa-screen{width:100%}
.kaa-home{height:16px;display:flex;align-items:center;justify-content:center}
.kaa-home:after{content:'';width:65px;height:3px;background:var(--ink);border-radius:6px}
.kaa-caption{font-size:12px;text-align:center;margin-top:18px;line-height:1.4}
.kaa-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:30px max(40px,calc((100% - 1100px)/2));background:var(--canvas);border-top:1px solid var(--line)}
.kaa-feature{display:flex;gap:12px;align-items:flex-start}
.kaa-feature svg{color:#2e7681;flex:none;margin-top:3px;width:22px;height:22px}
.kaa-feature h2{font:700 18px/1.3 Atkinson,Arial,sans-serif;letter-spacing:0;color:var(--teal)}
.kaa-feature p{font-size:15px;line-height:1.4;margin-top:6px;color:var(--muted)}
.kaa-values{padding:19px 24px;text-align:center;font-size:15px;color:var(--teal);max-width:none}
.kaa-section{padding:70px max(40px,calc((100% - 1100px)/2))}
.kaa-kicker{font:700 13px/1.4 Atkinson,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#2e7681;margin-bottom:15px}
.kaa-section-title{font:500 clamp(30px,4vw,44px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.025em;color:var(--teal);max-width:790px;text-wrap:balance}
.kaa-section-intro{font-size:19px;line-height:1.5;max-width:750px;margin-top:21px}
.kaa-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 30px;margin:40px 0 0;padding:0;list-style:none}
/* One device per step. Subgrid aligns the device row even when details expand. */
.kaa-step{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 2;min-width:0}
.kaa-step-copy{border-top:2px solid #2e7681;padding-top:19px}
.kaa-step-number{font-size:14px;font-weight:700;color:var(--rust);margin-bottom:15px}
.kaa-step h3{font:700 25px/1.18 Atkinson,Arial,sans-serif;letter-spacing:-.015em;color:var(--teal);margin-bottom:18px}
.kaa-step p{font-size:17px;line-height:1.5}
.kaa-step p+p{margin-top:15px}
.kaa-step details{margin-top:19px;border-block:1px solid var(--line);padding-block:5px}
.kaa-step summary{padding-block:12px;color:#2e7681;font-weight:700;font-size:16px}
.kaa-step details ul{padding-left:19px;margin:8px 0 15px;font-size:16px;line-height:1.5}
.kaa-step details li+li{margin-top:9px}
.kaa-step .kaa-step-note{font-size:15px;color:var(--muted);margin-top:18px}
.kaa-step-phone .kaa-device{width:218px;max-width:calc(100% - 30px);margin:auto;transform:rotate(-5deg)}
.kaa-step:nth-child(2) .kaa-device{transform:translateY(-12px)}
.kaa-step:nth-child(3) .kaa-device{transform:rotate(7deg)}
.kaa-step-phone figcaption{margin-top:26px;text-align:center;font-size:16px;font-weight:700;color:var(--teal)}
.kaa-concept-note{font-size:13px;color:var(--muted);text-align:center;margin-top:24px;max-width:none}
.kaa-sharing{background:var(--canvas);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;align-items:start}
.kaa-sharing p{font-size:18px;line-height:1.55;margin-top:18px}
.kaa-permissions{display:grid}
.kaa-permission{padding:21px 0;border-bottom:1px solid var(--line)}
.kaa-permission:first-child{padding-top:0}
.kaa-permission h3{font-size:20px;line-height:1.3;color:var(--teal)}
.kaa-permission p{font-size:16px;margin-top:9px}
.kaa-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:55px;align-items:center}
.kaa-portrait{width:100%;aspect-ratio:1;object-fit:cover;object-position:center bottom;border-radius:8px}
.kaa-social-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:12px;font-size:18px;line-height:1.5}
.site-footer .kaa-social-link{display:inline-flex;font-size:.9rem}
.kaa-story p{font-size:18px;line-height:1.55;margin-top:18px}
.kaa-story .kaa-kicker{margin-top:0}
.kaa-byline{font-weight:700;color:var(--teal)}
.kaa-byline span{display:block;font-size:15px;font-weight:400;color:var(--muted)}
.kaa-interest{background:var(--teal);color:var(--paper);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;align-items:start}
.kaa-interest .kaa-section-title,.kaa-interest .kaa-kicker{color:var(--paper)}
.kaa-interest>div>p{font-size:18px;line-height:1.5;margin-top:19px}
.kaa-interest>div>.kaa-kicker{margin-top:0}
.kaa-interest .form-panel{padding:28px}
.kaa-interest .form-panel h3{font-size:25px;color:var(--teal)}
.kaa-interest .form-panel .form-note{font-size:14px}
.kaa-faq{max-width:880px;padding-inline:40px;margin:auto}
.kaa-faq .kaa-section-title{margin-bottom:27px}
.kaa-faq summary{font-size:19px;padding:20px 0;color:var(--teal)}
.kaa-faq details p{font-size:17px;line-height:1.5;padding-bottom:20px}
@media(max-width:700px){
 .landing .site-header{justify-content:center}
 .landing .brand{max-width:100%}
 .kaa-hero{padding:32px 24px}
 .kaa-audience{font-size:28px;text-align:left}
 .kaa-headline{font-size:36px;text-align:left;margin-top:21px;margin-bottom:22px}
 .kaa-bold-lower{display:block}
 .kaa-problem{font-size:20px}
 .kaa-action{gap:20px}
 .kaa-devices{margin:39px auto 0;display:block}
 .kaa-devices .kaa-device{width:min(245px,100%);margin-inline:auto;transform:none}
 .kaa-devices .kaa-device:nth-child(2){display:none}
 .kaa-caption{margin-top:20px}
 .kaa-features{grid-template-columns:1fr;gap:23px;padding:28px 24px}
 .kaa-values{padding:20px 24px}
 .kaa-section{padding:45px 24px}
 .kaa-section-title{font-size:32px}
 .kaa-section-title br{display:none}
 .kaa-steps,.kaa-sharing,.kaa-story,.kaa-interest{grid-template-columns:1fr;gap:34px}
 .kaa-step{display:block;grid-row:auto}
 .kaa-step-phone{margin:32px auto 0}
 .kaa-steps .kaa-step .kaa-device{width:245px;max-width:100%;transform:none;margin:auto}
 .kaa-step h3{font-size:26px}
 .kaa-portrait{max-width:330px;margin:auto}
 .kaa-interest .form-panel{padding:23px}
 .kaa-interest .form-panel h3{font-size:23px}
}
@media(max-width:380px){.kaa-interest .form-panel{padding:20px}.kaa-headline{font-size:34px}}