.story-v2{--g-blue:#4285f4;--g-red:#ea4335;--g-yellow:#fbbc04;--g-green:#34a853}.story-v2 .color-mark{display:grid;grid-template-columns:repeat(2,8px);gap:2px;transform:rotate(-12deg);margin-right:8px}.color-mark i{width:8px;height:8px;border-radius:2px}.color-mark i:nth-child(1),.four-colors i:nth-child(1){background:var(--g-blue)}.color-mark i:nth-child(2),.four-colors i:nth-child(2){background:var(--g-red)}.color-mark i:nth-child(3),.four-colors i:nth-child(3){background:var(--g-yellow)}.color-mark i:nth-child(4),.four-colors i:nth-child(4){background:var(--g-green)}.story-v2 .attio-hero{padding-top:85px;padding-bottom:95px}.hero-color{color:#1967d2}.story-v2 .pill{border-color:#c7daf9;background:#f6f9ff;color:#315b94}.story-v2 .hero-lead{max-width:710px;margin-inline:auto}.story-v2 .hero-fine{margin-top:22px}.story-intro{border-top:1px solid var(--line);padding-block:60px 42px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.story-intro h2{font-size:44px;margin-top:15px}.story-intro>p{font-size:15px;padding-bottom:3px}.scroll-cue{display:inline-block;color:#202124;margin-top:14px}.product-story{background:#f7f9fc;border-top:1px solid #e6e9ef;border-bottom:1px solid #e6e9ef}.story-pin{padding-block:28px}.story-step-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:28px}.story-step{position:relative;background:transparent;border:0;text-align:left;padding:10px 0 17px;display:flex;gap:12px;align-items:center;color:#747a84;font-size:12px}.story-step>span{font-size:11px;letter-spacing:.05em}.story-step b{font-weight:520}.story-step>i{position:absolute;bottom:0;left:0;right:0;height:2px;background:#e0e4eb;overflow:hidden}.story-step>i:after{content:'';display:block;width:0;height:100%;background:var(--step-color);transition:width .3s}.story-step[aria-current=true]{color:#202124}.story-step[aria-current=true]>i:after{width:100%}.story-c-blue{--step-color:#4285f4;--step-ink:#1967d2;--step-soft:#eaf2ff}.story-c-yellow{--step-color:#fbbc04;--step-ink:#805900;--step-soft:#fff8df}.story-c-red{--step-color:#ea4335;--step-ink:#b3261e;--step-soft:#fff0ed}.story-c-green{--step-color:#34a853;--step-ink:#137333;--step-soft:#eaf5ed}.story-scene{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:65px;align-items:center;min-width:0;margin-block:40px 100px;scroll-margin-top:100px}.story-app{background:white;border:1px solid #dce1e8;border-radius:9px;overflow:hidden;box-shadow:0 18px 40px -24px #253b5d66;border-top:3px solid var(--step-color);min-width:0}.story-chrome{height:39px;border-bottom:1px solid #e7eaf0;display:flex;align-items:center;padding:0 15px;gap:17px;background:#fafbfd;font-size:10px;color:#737f8e}.story-chrome>span:last-child{margin-left:auto;letter-spacing:.1em;font-size:8px}.chrome-dots{display:flex;gap:5px}.chrome-dots i{width:6px;height:6px;background:#ea4335;border-radius:50%}.chrome-dots i:nth-child(2){background:#fbbc04}.chrome-dots i:nth-child(3){background:#34a853}.story-app-body{display:grid;grid-template-columns:148px minmax(0,1fr);min-height:485px}.story-sidebar{background:#fafafa;border-right:1px solid #eceef1;display:flex;flex-direction:column;padding:24px 12px;gap:5px;font-size:10px}.mini-brand{font-size:16px;letter-spacing:-.7px;padding:0 3px}.color-spark{color:#fbbc04}.story-company{display:flex;align-items:center;gap:8px;margin-block:21px 20px;font-size:10px}.story-company>strong{font-size:11px;line-height:1.5;font-weight:550}.story-company small{display:block;color:#81858c;font-size:9px;font-weight:400}.story-nav-item{display:flex;align-items:center;gap:7px;padding:11px 5px;color:#64686f;white-space:nowrap;font-size:10px}.story-nav-item.chosen{background:var(--step-soft);color:var(--step-ink);border-radius:4px}.nav-dot{width:6px;height:6px;background:var(--step-color);border-radius:50%;display:inline-block;flex-shrink:0}.sidebar-footnote{margin-top:auto;padding:30px 5px 0;font-size:9px;color:#858b94;line-height:2}.story-screen{padding:25px 22px 18px;min-width:0}.demo-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:24px}.demo-title small{font-size:8px;letter-spacing:.08em;color:#737c89}.demo-title h3{font-size:21px;letter-spacing:-.035em;margin-top:7px;line-height:1.18;text-wrap:initial}.status-chip{background:var(--step-soft);color:var(--step-ink);padding:5px 7px;border-radius:3px;font-size:8px;white-space:nowrap}.person-strip{display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf0f4;padding-bottom:15px}.person-strip b{display:block;font-size:11px;font-weight:570}.person-strip small{display:block;font-size:9px;color:#7d858f}.person-strip .avatar{width:29px;height:29px;font-size:9px}.green-text{font-size:9px;color:#137333}.person-strip>.green-text{margin-left:auto;font-size:8px}.message-flow{display:flex;flex-direction:column;gap:13px;padding:17px 0}.day-label{text-align:center;letter-spacing:.06em;font-size:7px;color:#959da8}.story-bubble{font-size:11px;line-height:1.65;padding:10px 12px;max-width:88%;border:1px solid #e7eaf0;border-radius:7px}.story-bubble small{display:block;font-size:8px;color:#7a8799;margin-top:3px}.story-bubble.outgoing{align-self:flex-end;background:#eef4ff;border-color:#e4edfc;border-bottom-right-radius:2px}.story-bubble.incoming{align-self:flex-start;background:#fafafa;border-bottom-left-radius:2px}.story-bubble.short{padding:7px 12px}.story-compose{padding:11px 12px;border:1px solid #e4e7ed;border-radius:5px;font-size:10px;color:#949ca7;display:flex;justify-content:space-between}.story-compose span{color:#1967d2}.story-copy{padding-right:3px}.story-kicker{display:flex;align-items:center;gap:15px;margin-bottom:23px}.story-kicker>span{font-size:52px;line-height:1;color:var(--step-ink);font-weight:470;letter-spacing:-.07em}.story-kicker b{font-size:10px;font-weight:550;letter-spacing:.12em;text-transform:uppercase;color:var(--step-ink)}.story-copy h2{font-size:clamp(32px,3.05vw,43px);line-height:1.12;letter-spacing:-.045em;font-weight:550;margin-bottom:23px}.story-copy>p{font-size:16px;line-height:1.8;max-width:420px}.story-outcome{display:flex;align-items:center;gap:11px;font-size:11px;color:var(--step-ink);margin-top:26px}.story-outcome i{width:22px;height:2px;background:var(--step-color);flex-shrink:0}.story-text-link{display:inline-block;font-size:11px;margin-top:32px;color:#5d6570;text-decoration:underline;text-underline-offset:4px}.story-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.07em;color:#8b929b;padding-top:25px}.story-bottom a{color:#4b5563;letter-spacing:0}.review-mini{border:1px solid #eceef2;padding:17px;border-radius:5px}.review-mini .person-strip{border:0;padding:0}.google-g{font-size:22px;font-weight:650;color:#4285f4;margin-left:auto}.review-stars{font-size:19px;letter-spacing:2px;color:#fbbc04;margin-top:17px}.review-mini>p{font-size:12px;color:#343940;margin-top:8px;line-height:1.8}.reply-draft{border:1px solid #ebdcae;border-top:3px solid #fbbc04;border-radius:5px;margin-top:15px;padding:15px}.draft-label{font-size:8px;color:#805900;letter-spacing:.04em;display:flex;justify-content:space-between}.draft-label i{font-size:7px;font-style:normal;border:1px solid #e8d9a5;padding:1px 4px;border-radius:2px}.reply-draft>p{font-size:11px;color:#4d5158;margin-block:15px 20px;line-height:1.8}.draft-actions{display:flex;align-items:center;justify-content:space-between;font-size:9px}.mock-primary{background:#202124;color:white;padding:7px 10px;border-radius:4px}.demo-footnote{display:block;font-size:8px;color:#8c929c;margin-top:14px}.profile-summary{display:flex;gap:13px;align-items:center;padding-bottom:22px}.business-icon{display:grid;place-items:center;width:51px;height:51px;background:#fff0ed;border:1px solid #f5d6d1;border-radius:8px;color:#b3261e;font-size:17px}.profile-summary h4{font-size:19px}.profile-summary p{font-size:10px}.profile-summary .green-text{font-size:8px}.profile-tabs-demo{display:flex;gap:20px;border-bottom:1px solid #e4e7ed;font-size:9px;color:#848b95}.profile-tabs-demo>b{color:#202124;border-bottom:2px solid #ea4335;padding-bottom:11px;font-weight:550}.profile-tabs-demo i{font-style:normal;background:#fff0ed;color:#b3261e;padding:2px 4px;border-radius:3px}.profile-data>div{display:grid;grid-template-columns:80px 1fr 10px;gap:10px;padding:17px 0;border-bottom:1px solid #edf0f4;font-size:9px}.profile-data span{color:#808793}.profile-data b{font-weight:470}.profile-data i{font-style:normal;color:#9aa0a6}.profile-suggestion{display:flex;gap:10px;align-items:flex-start;border:1px solid #f1e1d5;background:#fffaf2;padding:14px;margin-top:20px;border-radius:5px}.profile-suggestion>i{font-style:normal;color:#b57600}.profile-suggestion b{font-size:10px;font-weight:560;display:block}.profile-suggestion p{font-size:9px;margin-top:6px}.profile-suggestion>span{font-size:8px;color:#805900;white-space:nowrap}.keyword-demo{display:flex;justify-content:space-between;border:1px solid #dfe4ea;padding:9px 11px;border-radius:5px;font-size:10px;gap:8px;margin-bottom:15px}.keyword-demo small{font-size:8px;color:#848b96}.story-map{height:260px;position:relative;border:1px solid #dde3de;border-radius:5px;overflow:hidden;background:#f0f3ee}.story-map>img{height:100%;width:100%;object-fit:cover;opacity:.5}.rank-pin{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:#e5f3e9;border:1px solid #34a853;color:#137333;font-size:11px;box-shadow:0 2px 5px #0001;font-weight:600}.rank-pin.rank-mid{background:#fff8df;border-color:#fbbc04;color:#805900}.map-demo-label{position:absolute;bottom:4px;left:6px;font-size:6px;background:#fff9;padding:2px 4px}.map-key{display:flex;gap:14px;font-size:8px;color:#838b95;margin-top:10px}.map-key>span{display:flex;align-items:center;gap:5px}.map-key>span:last-child{margin-left:auto}.map-insight{margin-top:18px;border-top:1px solid #e9ecf0;padding-top:12px}.map-insight b{font-size:11px;font-weight:550}.map-insight p{font-size:10px;margin-top:4px}.deeper-product{padding-block:85px}.explorer-intro{text-align:center;margin-bottom:35px}.explorer-intro h2{margin-block:12px;font-size:44px}.explorer-intro p{font-size:15px}.story-v2 .final-cta{position:relative;background:#202124;color:white}.story-v2 .final-cta .primary{background:white;color:#202124}.four-colors{display:flex;position:absolute;top:0;left:0;right:0;height:5px}.four-colors i{width:25%}
/* Progressive enhancement: regular readable sections unless viewport and motion preference allow pinning. */
.story-v2.is-pinned .product-story{height:440vh;position:relative}.is-pinned .story-pin{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding-block:25px}.is-pinned .story-scenes{position:relative;height:min(590px,70vh)}.is-pinned .story-scene{position:absolute;inset:0;margin:0;visibility:hidden;opacity:0;pointer-events:none}.is-pinned .story-scene.active{visibility:visible;opacity:1;pointer-events:auto}.is-pinned .story-scene.active .story-screen{animation:screen-enter .4s ease both}.is-pinned .story-scene.active .story-copy{animation:copy-enter .35s ease both}.is-pinned .story-app-body{min-height:clamp(420px,55vh,530px)}.is-pinned .story-scene.active .story-bubble{animation:bubble-enter .4s ease both}.is-pinned .story-scene.active .story-bubble:nth-of-type(2){animation-delay:.08s}.is-pinned .story-scene.active .story-bubble:nth-of-type(3){animation-delay:.16s}.is-pinned .story-scene.active .story-bubble:nth-of-type(4){animation-delay:.24s}@keyframes screen-enter{from{opacity:.25;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes copy-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes bubble-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.story-scene{gap:30px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.story-app-body{grid-template-columns:115px minmax(0,1fr)}.story-sidebar{padding-inline:8px}.story-nav-item{font-size:8px}.mini-brand{font-size:13px}.story-screen{padding:19px 16px}.story-copy h2{font-size:34px}.story-copy>p{font-size:14px}.story-intro h2{font-size:38px}.profile-suggestion{flex-wrap:wrap}}
@media(max-width:760px){.story-v2 .attio-hero{padding-top:55px;padding-bottom:65px}.story-v2 .attio-hero h1{font-size:clamp(45px,10.9vw,72px)}.story-v2 .hero-lead{font-size:16px;max-width:490px}.story-intro{display:block;padding-block:40px 30px}.story-intro h2{font-size:34px}.story-intro>p{margin-top:23px;font-size:14px}.story-step-nav{gap:14px}.story-step{display:block;padding-bottom:12px}.story-step b{display:block;margin-top:7px;font-size:10px;line-height:1.4}.story-step>span{font-size:12px;color:var(--step-ink)}.story-step>i:after{width:100%}.story-scene{display:flex;flex-direction:column;gap:27px;margin:35px 0 65px;align-items:stretch}.story-copy{order:-1}.story-kicker{gap:12px;margin-bottom:14px}.story-kicker>span{font-size:38px}.story-kicker b{font-size:9px}.story-copy h2{font-size:34px;margin-bottom:16px}.story-copy h2 br{display:none}.story-copy>p{max-width:100%;font-size:14px;line-height:1.75}.story-outcome{margin-top:16px;font-size:10px}.story-text-link{display:none}.story-app-body{grid-template-columns:94px minmax(0,1fr);min-height:445px}.story-sidebar{padding:17px 6px}.story-nav-item{font-size:7px;gap:4px;padding:10px 3px}.mini-brand{font-size:11px;padding:0}.story-company{gap:4px;font-size:8px;margin-block:20px 15px}.story-company>strong{font-size:8px}.story-company small{font-size:7px}.story-screen{padding:16px 12px}.story-chrome{padding-inline:11px;gap:10px;font-size:8px}.demo-title{margin-bottom:20px}.demo-title h3{font-size:19px}.status-chip{font-size:6px}.person-strip{gap:6px}.person-strip>.green-text{display:none}.story-bubble{font-size:10px;max-width:97%;padding:9px}.person-strip b{font-size:10px}.person-strip small{font-size:8px}.story-bottom{font-size:7px;gap:20px;align-items:center}.story-bottom a{font-size:9px;text-align:right}.profile-data>div{grid-template-columns:1fr 10px;gap:6px}.profile-data>div>span{grid-column:1/-1;font-size:8px}.profile-suggestion{gap:7px;padding:10px}.profile-suggestion>div{flex:1}.profile-suggestion>span{width:100%;padding-left:20px}.review-mini{padding:12px}.reply-draft{padding:12px}.draft-actions{font-size:8px}.mock-primary{padding:6px 7px}.keyword-demo{flex-wrap:wrap;gap:2px}.story-map{height:260px}.map-key{gap:8px;flex-wrap:wrap;font-size:7px}.map-key>span:last-child{margin-left:0}.rank-pin{width:23px;height:23px;font-size:9px}.profile-summary{gap:9px}.profile-summary h4{font-size:16px}.business-icon{width:35px;height:35px;font-size:12px}.profile-tabs-demo{gap:11px;font-size:8px}.deeper-product{padding-block:55px}.explorer-intro h2{font-size:34px}}
@media(max-width:370px){.story-app-body{grid-template-columns:1fr}.story-sidebar{display:none}.story-screen{padding:19px}.story-step-nav{gap:10px}.story-step b{font-size:9px}.story-copy h2{font-size:31px}.story-intro h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-v2 *, .story-v2 *:before,.story-v2 *:after{animation:none!important;transition:none!important}}
.story-step>i:after{width:100%;opacity:.35}.story-step[aria-current=true]>i:after{opacity:1}.story-v2 .hero-products{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:33px;font-size:11px;color:#5f6368}.hero-products span{display:flex;gap:7px;align-items:center}.hero-products i{width:7px;height:7px;border-radius:2px;background:var(--step-color)}@media(max-width:760px){.story-v2 .hero-products{gap:12px 18px;font-size:10px;max-width:300px;margin:27px auto 0}}
@media(max-width:760px){.story-app-body{grid-template-columns:1fr}.story-sidebar{display:none}.story-screen{padding:23px 20px}.story-bubble{font-size:12px;max-width:88%;padding:11px 12px}.story-bubble small{font-size:9px}.person-strip b{font-size:12px}.person-strip small{font-size:10px}.person-strip>.green-text{display:block;font-size:9px}.demo-title h3{font-size:23px}.demo-title small{font-size:9px}.status-chip{font-size:8px}.reply-draft>p{font-size:12px}.draft-label{font-size:9px}.draft-actions{font-size:10px}.mock-primary{padding:9px 12px}.demo-footnote{font-size:9px}.profile-data>div{grid-template-columns:80px 1fr 10px;font-size:10px}.profile-data>div>span{grid-column:auto;font-size:10px}.profile-summary h4{font-size:21px}.profile-summary p{font-size:11px}.profile-summary .green-text{font-size:9px}.business-icon{width:45px;height:45px;font-size:15px}.profile-suggestion b{font-size:11px}.profile-suggestion p{font-size:10px}.profile-suggestion>span{font-size:10px}.keyword-demo{font-size:12px}.map-key{font-size:9px}.rank-pin{width:29px;height:29px;font-size:11px}.map-insight b{font-size:12px}.map-insight p{font-size:11px}.story-compose{font-size:11px}.day-label{font-size:8px}}
.motion-toggle{border:0;background:none;color:#4b5563;font:inherit;letter-spacing:0;text-decoration:underline;text-underline-offset:3px;padding:5px;min-height:32px}.story-bottom{align-items:center}@media(max-width:760px),(max-height:699px),(prefers-reduced-motion:reduce){.motion-toggle{display:none}}
@media(min-width:761px) and (min-height:700px) and (max-height:850px){.is-pinned .story-scenes{height:calc(100vh - 175px);flex-shrink:0}.is-pinned .story-step-nav{margin-bottom:18px}.is-pinned .story-pin{padding-block:15px}.is-pinned .story-bottom{padding-top:10px}.is-pinned .story-app-body{min-height:0}.is-pinned .story-screen{padding:17px 20px}.is-pinned .demo-title{margin-bottom:15px}.is-pinned .story-map{height:190px}.is-pinned .message-flow{gap:9px;padding:12px 0}.is-pinned .story-bubble{padding:8px 11px}.is-pinned .story-compose{padding:8px 11px}.is-pinned .profile-data>div{padding-block:13px}.is-pinned .profile-suggestion{margin-top:15px}.is-pinned .story-copy h2{font-size:36px}.is-pinned .story-copy>p{font-size:15px}}

/* 04.10 — SMS-dialogen inn i hero, etter Jans valgte referanse. */
.story-v2 .sms-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:60px;align-items:center;text-align:left;padding-block:58px 72px}.story-v2 .sms-hero h1{font-size:clamp(46px,4.65vw,67px);line-height:1.06;letter-spacing:-.055em;margin-top:29px;text-wrap:initial}.story-v2 .sms-hero .hero-lead{margin:27px 0 0;max-width:510px;font-size:17px;line-height:1.75}.story-v2 .sms-hero .actions,.story-v2 .sms-hero .hero-products{justify-content:flex-start}.story-v2 .sms-hero .hero-products{gap:16px 20px;margin-top:27px;font-size:10px}.story-v2 .sms-hero .pill{font-size:9px;letter-spacing:.035em}.hero-sms{scroll-margin-top:30px;min-width:0}.hero-sms .conversation{width:100%;max-width:none}.hero-sms .chat-spark{color:#b78d13}.hero-sms .scenario-controls button{min-height:42px}.hero-sms .scene-caption{font-size:10px}.hero-sms .chat-messages{min-height:225px}.hero-sms .outcome{min-height:70px}.hero-sms .outcome small{line-height:1.6}
@media(min-width:761px) and (max-width:1050px){.story-v2 .sms-hero{gap:30px}.story-v2 .sms-hero h1{font-size:48px}.story-v2 .sms-hero .hero-lead{font-size:15px}.hero-sms{padding:18px}.hero-sms .chat-header{padding:14px}.hero-sms .chat-messages{padding:14px}.hero-sms .bubble{font-size:10px}.hero-sms .scenario-controls{padding-inline:12px}}
@media(max-width:760px){.story-v2 .sms-hero{grid-template-columns:1fr;gap:33px;padding-block:36px 45px;text-align:left}.story-v2 .sms-hero h1{font-size:clamp(41px,10.8vw,60px);margin-top:22px}.story-v2 .sms-hero .hero-lead{font-size:15px;line-height:1.75;margin-top:22px;max-width:520px}.story-v2 .sms-hero .pill{font-size:7px;gap:7px;padding:6px 9px}.story-v2 .sms-hero .hero-products{margin:23px 0 0;max-width:none;gap:12px 17px;font-size:9px}.hero-sms{padding:16px 12px}.hero-sms .chat-header{padding:15px}.hero-sms .chat-messages{padding:15px;min-height:0}.hero-sms .bubble{font-size:11px}.hero-sms .scenario-controls{padding-inline:12px;gap:7px}.hero-sms .scenario-controls button{font-size:9px;padding-inline:7px}.hero-sms .job-complete{padding:12px}.hero-sms .outcome{padding:13px}.hero-sms .outcome b{font-size:11px}.hero-sms .outcome small{font-size:10px}}
/* Interactive hero: a readable customer phone, with actions and outcomes. */
.sms-stage{background:#f6f8fb;border:1px solid #e6eaf0;border-radius:16px;padding:24px 28px 18px;position:relative}.sms-stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;color:#6d7683;letter-spacing:.07em;margin-bottom:19px}.sms-stage-top>span:first-child{display:flex;gap:7px;align-items:center}.sms-stage-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#34a853}.sms-demo-tag{background:#e8f0fe;color:#1967d2;padding:5px 7px;border-radius:4px;white-space:nowrap;font-size:8px;font-weight:600}.sms-job{display:flex;gap:12px;align-items:center;margin:0 auto 18px;width:min(360px,100%);padding:0 5px}.job-check{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e6f4ea;color:#137333;font-size:14px;flex-shrink:0}.sms-job b{font-size:11px;font-weight:600;display:block}.sms-job small{font-size:10px;color:#7a8390}.job-arrow{margin-left:auto;color:#8c98a7;font-size:21px}.sms-phone{width:min(364px,100%);margin:auto;border:1px solid #d9dfe8;border-radius:26px;background:white;box-shadow:0 18px 35px -24px #22304966;overflow:hidden}.sms-device-bar{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;font-size:9px;font-weight:600;color:#515965;position:relative}.device-speaker{position:absolute;left:calc(50% - 25px);height:5px;width:50px;border-radius:6px;background:#e5e8ed}.sms-phone-header{display:flex;align-items:center;gap:10px;padding:10px 16px 15px;border-bottom:1px solid #edf0f4}.sms-back{font-size:27px;color:#4285f4;line-height:1}.sms-business-avatar{width:31px;height:31px;display:grid;place-items:center;background:#edf1f7;border-radius:50%;font-size:10px;color:#697586}.sms-phone-header b{display:block;font-size:13px;font-weight:620}.sms-phone-header small{font-size:9px;color:#7f8793;display:block;margin-top:1px}.sms-gold-star{font-size:22px;color:#bf9000;margin-left:auto}.sms-thread{display:flex;flex-direction:column;gap:12px;padding:17px 16px 15px;min-height:315px}.sms-timestamp{font-size:8px;letter-spacing:.06em;text-align:center;color:#88919e;margin-bottom:3px}.sms-message{font-size:12px;line-height:1.65;padding:11px 13px;max-width:94%;color:#38414d;margin:0;border-radius:13px}.business-message{align-self:flex-start;background:#f0f2f5;border-bottom-left-radius:4px}.business-message>span{display:block;color:#78818c;font-size:10px;margin-top:6px}.customer-message{align-self:flex-end;background:#e8f0fe;color:#174ea6;border-bottom-right-radius:4px}.sms-first-hint{display:flex;align-items:center;justify-content:center;gap:13px;margin:auto 0;padding:18px 0;color:#1967d2}.sms-first-hint>span{font-size:28px;transform:rotate(-15deg)}.sms-first-hint p{font-size:12px;color:#77818e;line-height:1.7}.sms-first-hint b{color:#445468;font-weight:500}.sms-choice-area{padding:0 16px 8px}.sms-choice-label{display:block;font-size:8px;letter-spacing:.09em;color:#7c8794;margin-bottom:9px}.sms-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sms-choices button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;font-size:11px;background:white;border:1px solid #d8e1ed;border-radius:9px;padding:8px 5px;color:#354457;transition:background .16s,border .16s}.sms-choices button:hover{background:#f3f7fd;border-color:#aec8ee}.sms-choices button[aria-pressed=true]{background:#e8f0fe;border-color:#4285f4;color:#174ea6}.sms-choices button>span{font-size:16px;color:#1967d2}.sms-consent{display:block;border:0;background:#202124;color:white;font-size:11px;border-radius:7px;padding:11px 10px;width:100%;margin-top:9px;min-height:42px}.sms-home-bar{height:4px;width:90px;border-radius:6px;background:#d5dbe3;margin:12px auto 9px}.sms-result{display:flex;align-items:flex-start;gap:11px;width:min(380px,100%);margin:19px auto 0;min-height:57px}.sms-result-icon{font-size:18px;color:#1967d2;line-height:1.4}.sms-result b{font-size:12px;font-weight:580;display:block}.sms-result p{font-size:10px;line-height:1.7;margin-top:3px;color:#788290}.sms-stage-footer{display:flex;justify-content:space-between;align-items:center;min-height:24px;font-size:9px;color:#929aa6;gap:10px;width:min(380px,100%);margin:6px auto 0}.sms-reset{border:0;background:none;font-size:10px;color:#58697e;padding:6px 0;text-decoration:underline;text-underline-offset:3px;min-height:32px}.sms-link-card{display:flex;align-items:center;gap:10px;border:1px solid #dbe6f7;padding:12px;border-radius:9px;background:#fbfcff;margin-top:2px}.sms-google{font-size:23px;font-weight:650;color:#4285f4}.sms-link-card b{font-size:11px;font-weight:600}.sms-link-card small{display:block;font-size:9px;color:#7c8797}.sms-link-card>span:last-child{margin-left:auto;color:#1967d2}.sms-stage[data-state=help] .sms-result-icon{color:#b3261e}.sms-stage[data-state=help] .sms-result{border-left:2px solid #ea4335;padding-left:10px}.sms-stage[data-state=happy] .sms-result-icon,.sms-stage[data-state=link] .sms-result-icon{color:#137333}.sms-stage[data-state] .customer-message,.sms-stage[data-state] [data-hero-response],.sms-link-card{animation:bubble-enter .25s ease both}.story-v2 .sms-hero{gap:65px}.story-v2 .sms-hero h1{font-size:clamp(46px,4.55vw,66px)}
@media(min-width:761px) and (max-width:1050px){.sms-stage{padding:20px 15px 14px}.story-v2 .sms-hero{gap:30px}.story-v2 .sms-hero h1{font-size:48px}.sms-stage-top{font-size:6px;gap:6px}.sms-demo-tag{font-size:7px}.sms-message{font-size:11px}.sms-choices button{font-size:10px}}
@media(max-width:760px){.story-v2 .sms-hero{gap:30px}.story-v2 .sms-hero h1{font-size:clamp(41px,10.8vw,60px)}.sms-stage{padding:19px 12px 13px}.sms-stage-top{font-size:6px;gap:5px}.sms-demo-tag{font-size:7px}.sms-job{padding-inline:3px}.sms-job b{font-size:11px}.sms-job small{font-size:9px}.sms-phone{max-width:364px;border-radius:23px}.sms-thread{padding:16px 13px;min-height:305px}.sms-message{font-size:12px}.sms-choice-area{padding-inline:12px}.sms-result{padding-inline:4px}.sms-stage-footer{padding-inline:4px}.sms-choices button{font-size:10px}.sms-choices button>span{font-size:14px}}
/* Jan 04.10: no heavy coloured card borders. */
.story-app{border:1px solid #dce1e8}.reply-draft{border:1px solid #e2e5e9}.sms-stage[data-state=help] .sms-result{border-left:0;padding-left:0}
.sms-thread{height:315px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9dfe8 transparent;min-height:0}.sms-message{flex-shrink:0}.sms-followup{padding:12px 0 14px;border-top:1px solid #edf0f4}.sms-followup-options{display:flex;flex-wrap:wrap;gap:7px}.sms-followup-options button{font-size:11px;padding:10px 12px;min-height:42px;border:1px solid #cbdcf7;color:#174ea6;background:#f6f9ff;border-radius:8px;text-align:left;flex:1 1 130px}.sms-followup-options button:hover{background:#e8f0fe}.sms-stage[data-state=help] .sms-consent{background:none;color:#5e6f84;font-size:10px;text-decoration:underline;text-underline-offset:3px;padding:6px;min-height:32px}.sms-stage[data-state=help] .sms-choices button{min-height:35px;font-size:10px}.sms-stage[data-state=help] .sms-choice-label{font-size:8px}@media(max-width:760px){.sms-thread{height:315px;min-height:0}.sms-followup-options button{font-size:10px;flex-basis:110px}}
/* 04.10 — three plain benefits; automatic Google profile and actionable website tips. */
.hero-benefits{list-style:none;padding:0;margin:23px 0 27px;display:grid;gap:16px}.hero-benefits li{display:flex;align-items:flex-start;gap:13px}.hero-benefits li>span{width:28px;flex-shrink:0;color:var(--step-color);font-size:23px;font-weight:650;text-align:center;line-height:1.3}.hero-benefits b{display:block;font-size:15px;font-weight:580;line-height:1.45}.hero-benefits small{display:block;color:#737a84;font-size:12px;margin-top:3px;line-height:1.5}.story-v2 .sms-hero .hero-lead{font-size:16px;line-height:1.65;margin-top:23px}.story-v2 .sms-hero .actions{gap:12px}.profile-auto-list>div{display:flex;gap:11px;padding:15px 0;border-bottom:1px solid #edf0f4}.auto-check{color:#137333;background:#eaf5ed;width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;font-size:11px}.profile-auto-list b{font-size:11px;font-weight:580}.profile-auto-list p{font-size:10px;line-height:1.6;margin-top:4px}.auto-summary{display:flex;gap:10px;padding:13px 0 0}.auto-summary>span{color:#ea4335;font-size:19px}.auto-summary p{font-size:10px;line-height:1.65}.site-address{display:flex;gap:8px;align-items:center;font-size:10px;color:#737c89;margin:-8px 0 18px}.site-address>span{color:#34a853;font-size:14px}.site-address small{margin-left:auto;font-size:7px}.website-tip{border:1px solid #e2e7e5;border-radius:6px;padding:15px}.featured-tip{background:#f7fbf8}.tip-label{font-size:8px;letter-spacing:.06em;color:#137333;font-weight:550}.website-tip h4{font-size:14px;letter-spacing:-.025em;line-height:1.4;margin:9px 0 6px}.website-tip p{font-size:11px;line-height:1.65}.tip-why{border-top:1px solid #e1ebe4;padding-top:10px;margin-top:12px}.tip-why b{font-size:10px;font-weight:550}.tip-why p{font-size:10px;margin-top:3px}.compact-tip{display:flex;gap:12px;margin-top:10px;padding:12px 14px}.tip-number{font-size:10px;color:#137333;margin-top:2px}.compact-tip h4{font-size:11px;margin:0 0 3px}.compact-tip p{font-size:10px}.website-demo{gap:45px}.website-demo>div>p{max-width:330px}.website-task{background:#f7fbf8;border:1px solid #e2e7e5;border-radius:7px;padding:28px;min-width:0}.website-task h4{font-size:25px;line-height:1.25;letter-spacing:-.035em;margin-top:15px}.website-task ul{padding-left:18px;margin:22px 0;display:grid;gap:12px;font-size:13px;line-height:1.6;color:#4f5b54}.website-task>p{font-size:12px;padding-top:18px;border-top:1px solid #e1ebe4}.story-v2 .website-demo .search-example{font-size:13px}.story-v2 .profile-auto-list,.story-v2 .website-tip{text-align:left}
@media(max-width:1100px){.hero-benefits b{font-size:13px}.hero-benefits small{font-size:11px}.website-tip{padding:12px}.website-tip h4{font-size:12px}.website-tip p{font-size:10px}.compact-tip{padding:10px}.website-task{padding:22px}.website-task h4{font-size:22px}}
@media(max-width:760px){.hero-benefits{gap:17px;margin-block:23px}.hero-benefits b{font-size:14px}.hero-benefits small{font-size:12px}.story-v2 .sms-hero .hero-lead{font-size:15px}.profile-auto-list b{font-size:13px}.profile-auto-list p,.auto-summary p{font-size:12px}.website-tip h4{font-size:16px}.website-tip p{font-size:12px}.tip-label{font-size:9px}.tip-why b{font-size:11px}.compact-tip h4{font-size:13px}.compact-tip p{font-size:11px}.website-tip{padding:16px}.site-address{font-size:11px}.website-demo{gap:25px}.website-task h4{font-size:25px}.website-task ul{font-size:13px}.story-v2 .sms-hero .hero-fine{font-size:10px}}
@media(min-width:761px) and (min-height:700px) and (max-height:850px){.profile-auto-list>div{padding-block:12px}.website-tip{padding:11px}.website-tip h4{margin-block:5px}.compact-tip h4{margin-top:0}.compact-tip{margin-top:7px}.tip-why{margin-top:8px;padding-top:8px}}

/* Reviews identity: same gold star as the favicon, never four Google squares. */
.story-v2 .brand{gap:7px}.story-v2 .brand .reviews-star{display:block;width:32px;height:32px;flex-shrink:0}.story-v2 .mini-brand{display:flex;align-items:center;gap:3px;white-space:nowrap}.story-v2 .mini-brand .reviews-star{display:block;width:18px;height:18px;flex-shrink:0}@media(max-width:1100px){.story-v2 .mini-brand .reviews-star{width:15px;height:15px}}
.story-v2 .hero-label{display:block;font-size:10px;letter-spacing:.1em;color:#6c727c;font-weight:500}