/* Visual identity from the app's logo palette, onboarding and Chiedi/Rispondi navigation. */
.site-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to right,#22b14c 0 25%,#00a2e8 25% 50%,#fff200 50% 75%,#ed1c24 75% 100%)}
.hero{grid-template-columns:1.1fr 1fr;gap:40px;padding-top:60px;padding-bottom:60px}.hero h1{font-size:clamp(54px,5.65vw,78px)}.highlight:before{background:#fff200}.hero .eyebrow{color:#075c37}.button-dark{background:#075c37}.button-dark:hover{background:#07442b}.hero-note .mini-symbol{background:#fff200;color:#202120;border:0}.topic-strip{background:#f4faff}.topic-strip i{color:#0084bc}.explore-section{background:#e9f6fd}.topic-buttons button{border-color:#90b6c5}.topic-buttons button[aria-pressed=true]{background:#075c37;border-color:#075c37}.topic-buttons button:hover:not([aria-pressed=true]){background:#d7edf8}.demo-filters span{background:#e9f6fd;color:#075775}.demo-takeaway{color:#075c37}.demo-panel{border-color:#b5d2df}.topic-strip-inner{border:0}.app-banner{background:#202120}.app-symbol span:first-child{background:#00a2e8}.app-symbol span:last-child{background:#fff200}.red-symbol{background:#ffe2e5}.blue-symbol{background:#dcf3ff}.green-symbol{background:#ddf4e4}
.app-preview-stage{position:relative;min-height:610px;display:flex;justify-content:center;align-items:center;isolation:isolate}.app-preview-stage:before{content:"";position:absolute;z-index:-2;inset:35px -10px 35px 0;border-radius:45% 45% 30px 30px;background:#e9f6fd}.preview-orbit{position:absolute;z-index:-1;width:390px;height:390px;border:1px solid #b3dcee;border-radius:50%;top:105px;left:50%;transform:translateX(-50%)}.preview-label{position:absolute;top:0;font-size:9px;letter-spacing:.1em;display:flex;align-items:center;gap:8px;font-weight:700;text-align:center}.preview-footnote{position:absolute;bottom:0;font-size:9px;color:#566b74;text-align:center;margin:0;line-height:1.6}.phone-preview{width:295px;background:#fff;border:8px solid #202120;border-radius:34px;box-shadow:18px 22px 0 #b7dcea80;overflow:hidden;position:relative;z-index:2}.phone-top{display:flex;justify-content:space-between;align-items:center;height:40px;font-size:9px;padding:0 19px;background:#202120;color:#fff}.phone-top>span:nth-child(2){font-size:13px;font-weight:bold;letter-spacing:.12em}.phone-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#22b14c;padding:16px 16px;color:#142b19;font-size:13px;font-weight:700}.phone-toolbar img{width:23px}.phone-toolbar>span:nth-child(2){margin-right:auto}.phone-toolbar>span:last-child{font-size:20px}.phone-section-label{font-size:9px;font-weight:700;letter-spacing:.08em;color:#5d625b;padding:21px 17px 0;margin-bottom:11px}.phone-question{margin:0 15px;background:#e9f6fd;border:1px solid #b7daeb;border-radius:12px;padding:15px}.phone-chip{font-size:9px;background:#fff;padding:5px 8px;border-radius:20px;display:inline-block;color:#095779}.phone-question>p{font-size:19px;line-height:1.4;letter-spacing:-.025em;margin:12px 0 14px;min-height:78px}.phone-card-meta{font-size:8px;display:flex;justify-content:space-between;align-items:center;color:#506874}.phone-card-meta>span:last-child{font-size:18px}.phone-filters{display:flex;justify-content:center;gap:9px;margin:16px 12px;font-size:9px}.phone-filters>span{display:flex;align-items:center;gap:3px;border:1px solid #cfdacb;padding:6px;border-radius:20px}.phone-tip{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#f0f9f2;margin:0 15px;border-radius:8px}.phone-tip-symbol{color:#075c37;font-size:21px}.phone-tip>p{font-size:10px;color:#3c5b45;line-height:1.6;margin:0;min-height:32px}.phone-compose{display:flex;align-items:center;gap:9px;margin:18px 15px 6px;border:1px solid #bdcdbd;padding:10px;border-radius:8px;font-size:10px;color:#4e6054}.phone-compose>span:first-child{margin-right:auto}.phone-send{background:#fff200;color:#202120;padding:6px;border-radius:50%;font-size:12px}.phone-counter{font-size:8px;text-align:right;margin:0 17px 18px;color:#64715f}.phone-nav{display:flex;background:#22b14c;border-top:1px solid #0c802c;padding:7px}.phone-nav button{width:50%;border:0;background:transparent;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;font-weight:bold;padding:8px;color:#142b19;min-height:52px}.phone-nav button[aria-pressed=true]{background:#fff200}.phone-nav button:hover:not([aria-pressed=true]){background:#c8f2d3}.preview-sticker{position:absolute;width:66px;height:66px;display:grid;place-items:center;z-index:3;font-size:46px;font-weight:bold;border:3px solid #202120;box-shadow:4px 5px 0 #202120;border-radius:50%}.sticker-question{top:115px;left:12px;background:#ed1c24;color:white;transform:rotate(-12deg)}.sticker-answer{bottom:117px;right:4px;background:#fff200;color:#202120;transform:rotate(10deg)}
.filter-story{padding-top:80px}.filter-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.filter-story-grid article{border-top:4px solid #22b14c;padding-top:23px}.filter-story-grid article:nth-child(2){border-color:#00a2e8}.filter-story-grid article:nth-child(3){border-color:#fff200}.filter-kicker{font-size:9px;letter-spacing:.12em;font-weight:bold;display:block;margin-bottom:18px;color:#4c6152}.filter-story h3{font-size:19px;letter-spacing:-.02em;margin-bottom:12px}.filter-story-grid article>p{color:#5d625b;font-size:13px;line-height:1.85}.interest-cloud{display:flex;gap:7px;flex-wrap:wrap;min-height:102px;align-content:center}.interest-cloud span{font-size:11px;background:#e5f7eb;color:#075c37;padding:9px 12px;border-radius:20px}.area-path{display:flex;align-items:center;gap:7px;min-height:102px;flex-wrap:wrap}.area-path span{padding:9px;border-radius:7px;font-size:11px;background:#e9f6fd;color:#075775}.area-path b{font-size:16px;color:#0781ae;transform:rotate(-90deg)}.rating-display{color:#765f00;font-size:37px;letter-spacing:4px;display:flex;align-items:center;min-height:102px}.rating-display span{color:#8a8a76}.filter-story-grid article .filter-note{font-size:10px;margin-bottom:0}.personal-section{background:#202120;color:white;padding:70px 0}.personal-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.personal-grid .eyebrow{color:#fff200;font-size:9px}.personal-intro{font-size:14px;line-height:1.9;color:#c9cec4;max-width:380px;margin:25px 0 0}.personal-features{display:grid;gap:23px}.personal-features article{display:flex;gap:17px;border-bottom:1px solid #4b5049;padding-bottom:23px}.personal-features article:last-child{padding-bottom:0;border:0}.personal-features article>span{color:#fff200;width:32px;flex-shrink:0;font-size:27px}.personal-features h3{font-size:17px;margin-bottom:8px;letter-spacing:-.02em}.personal-features p{font-size:12px;color:#c9cec4;line-height:1.85;margin:0}.values-section{padding-top:75px}
@media(max-width:1050px){.hero{gap:25px}.hero h1{font-size:clamp(48px,5.6vw,70px)}.app-preview-stage{min-height:595px}.preview-orbit{width:310px;height:310px}.preview-sticker{width:53px;height:53px;font-size:34px}.sticker-question{left:0}.sticker-answer{right:-5px}.personal-grid{gap:40px}.filter-story-grid{gap:22px}.area-path{gap:5px}.rating-display{font-size:30px;letter-spacing:2px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:35px;padding-top:40px}.hero h1{font-size:clamp(47px,10vw,72px)}.hero-description{max-width:100%}.app-preview-stage{width:min(100%,440px);margin-inline:auto;min-height:605px}.app-preview-stage:before{inset:35px 0}.preview-label{font-size:8px}.preview-orbit{width:310px;height:310px}.sticker-question{left:3px;top:100px}.sticker-answer{right:3px;bottom:110px}.filter-story{padding-top:58px}.filter-story-grid{grid-template-columns:1fr;gap:35px}.interest-cloud,.area-path,.rating-display{min-height:75px}.personal-section{padding:55px 0}.personal-grid{grid-template-columns:1fr;gap:35px}.personal-intro{max-width:100%}.values-section{padding-top:58px}.phone-preview{box-shadow:12px 16px 0 #b7dcea80}}
@media(max-width:390px){.phone-preview{width:270px;border-width:7px}.hero h1{font-size:clamp(42px,12.2vw,47px)}.preview-sticker{width:45px;height:45px;font-size:30px}.app-preview-stage{min-height:600px}.phone-question>p{font-size:18px}.phone-filters{gap:5px}.preview-footnote{font-size:8px}.preview-label{font-size:7px}}

/* Keep the illustrative preview labels clear of the phone at all sizes. */
.app-preview-stage{padding-block:38px}.preview-label{top:4px}.preview-footnote{bottom:4px}
.app-preview-stage{overflow:hidden}

/* Project phone screenshots replace the illustrative phone. */
.real-phone{display:block;width:100%;height:auto;object-fit:contain}
.screenshot-stage{min-height:660px;padding-block:40px}
.hero-phone{width:min(100%,325px);position:relative;z-index:2;filter:drop-shadow(12px 18px 12px #17364224)}
.screenshots-section{padding:70px 0;background:#f4faff}
.screenshots-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.screenshots-grid figure{margin:0;min-width:0}
.screenshots-grid img{max-width:275px;margin:0 auto 30px;filter:drop-shadow(8px 10px 8px #17364218)}
.screenshots-grid figcaption{border-top:3px solid #22b14c;padding-top:22px}
.screenshots-grid figure:nth-child(2) figcaption{border-color:#00a2e8}
.screenshots-grid figure:nth-child(3) figcaption{border-color:#fff200}
.screenshots-grid figcaption>span{font-size:10px;font-weight:700;letter-spacing:.1em;color:#075c37}
.screenshots-grid h3{font-size:20px;margin:14px 0 10px}
.screenshots-grid p{font-size:14px;color:#5d625b;line-height:1.8;margin:0}
.screenshots-note{font-size:11px;color:#566b74;text-align:center;margin:35px 0 0}
@media(max-width:760px){.screenshot-stage{min-height:650px}.hero-phone{width:min(100%,310px)}.screenshots-section{padding:55px 0}.screenshots-grid{grid-template-columns:1fr;gap:45px}.screenshots-grid figure{max-width:380px;margin:auto}.screenshots-grid img{max-width:260px}.screenshots-grid figcaption{text-align:center}}