@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--purple:#7657e8;--ink:#262132;--muted:#797382;--cream:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;background:#fff}.logo{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:600;letter-spacing:-1.5px}.logo img{width:38px;height:38px;object-fit:contain;border-radius:10px}nav{display:flex;gap:35px;font-size:12px}a:hover{opacity:.82}.small-button{font-size:12px;background:#f0ebff;color:#6042cd;padding:14px 20px;border-radius:10px;font-weight:600}.small-button span{margin-left:20px}.hero{margin:0 24px;background:#f3effc;border-radius:24px;overflow:hidden;padding:54px 6% 0;position:relative}.hero-text{text-align:center;position:relative;z-index:1}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.12em}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;padding:9px 14px;border:1px solid #e8dff9;border-radius:30px;color:#746284}.hero .eyebrow i,.dot{width:5px;height:5px;border-radius:50%;background:var(--purple);display:inline-block}h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif}h1{font-size:clamp(44px,4.6vw,70px);letter-spacing:-.055em;line-height:1.12;margin:23px 0 18px;font-weight:700}h1>span{color:var(--purple)}.hero-text>p{line-height:1.75;color:#7a708b;font-size:14px;margin:0 auto 24px}.button,.outline-button{padding:16px 23px;border-radius:9px;display:inline-flex;justify-content:space-between;gap:32px;font-weight:600;font-size:12px}.button{background:var(--purple);color:white;box-shadow:0 4px 0 #6042cd}.outline-button{border:1px solid #dcd2ef;background:transparent;color:#5b4f6d}.hero-buttons{display:flex;gap:14px;justify-content:center}.hero-stage{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:45px;max-width:970px;margin:44px auto 0;height:360px;overflow:hidden}.stage-service{align-self:center;background:white;border-radius:14px;overflow:hidden;transform:rotate(-5deg);margin-top:10px}.mini-label{font-size:8px;letter-spacing:.1em;display:block;padding:15px}.stage-service>img{width:100%;height:188px;object-fit:cover;object-position:center 31%}.stage-service>div{display:flex;align-items:center;justify-content:space-between;padding:15px;font-size:10px;line-height:1.7}.round-arrow{font-size:18px;color:var(--purple)}.stage-app{align-self:start;position:relative;text-align:center}.phone{width:226px;border:6px solid #302b3a;border-radius:31px;overflow:hidden;box-shadow:0 0 0 2px #bdb5c7,0 20px 45px #4f347736;margin:0 auto;background:white}.phone img{width:100%;border-radius:24px}.screen-label{position:absolute;top:260px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff;border:1px solid #e3dbed;border-radius:7px;padding:13px 17px;font-size:9px;font-weight:600;letter-spacing:.06em;box-shadow:0 8px 22px #2f1c5220}.screen-label .dot{margin-right:8px}.stage-notes{transform:rotate(4deg);padding-bottom:20px}.service-note{display:flex;gap:15px;align-items:center;border:1px solid #e2d9f0;background:#ffffffd9;border-radius:12px;margin:10px 0;padding:17px 22px;font-size:14px;font-weight:600}.service-note:nth-child(2){margin-left:20px;margin-right:-20px}.note-symbol{width:32px;height:32px;border-radius:10px;background:#ede5ff;display:grid;place-items:center;color:#7955d8;font-size:22px}.service-note small{font-size:11px;color:#9586ab;font-weight:400}.stage-notes>p{font-size:11px;line-height:1.7;color:#90849d;text-align:center;margin:22px 0 0}.hero-bottom{padding:20px 0;position:relative;background:#f3effc;border-top:1px solid #e1d7ef;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.06em;color:#8b7e9b}.service-strip{padding:31px 9%;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #efedf2;font-size:12px;color:#62596f}.service-strip>span{font-size:8px;letter-spacing:.1em;color:#a69bb1}.service-strip b{color:#b7a4df}.experience{padding:90px 9%}.section-intro{text-align:center;max-width:650px;margin:auto}.section-intro .eyebrow,.process .eyebrow,.download .eyebrow{color:#8a6cbe}h2{font-size:clamp(32px,3.4vw,49px);letter-spacing:-.05em;line-height:1.18;margin:18px 0}.section-intro>p{max-width:440px;margin:18px auto 0;color:var(--muted);font-size:13px;line-height:1.8}.roles{display:flex;justify-content:center;gap:8px;margin:30px auto;background:#f6f4f9;border-radius:12px;padding:6px;width:max-content;max-width:100%}.roles button{border:0;background:none;padding:14px 22px;cursor:pointer;color:#8a8097;font-size:11px;border-radius:8px}.roles button span{display:none}.roles button[aria-selected=true]{background:#fff;color:var(--purple);box-shadow:0 2px 8px #33234f10;font-weight:600}.role-panel{display:grid;grid-template-columns:.85fr 1.15fr;background:#faf9fc;border:1px solid #efebf5;border-radius:18px;overflow:hidden;max-width:1000px;margin:auto}.role-photo{height:420px;overflow:hidden;padding:18px}.role-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%;border-radius:12px}.role-copy{padding:35px 12%;align-self:center}.role-copy .eyebrow{color:var(--purple)}.role-copy h3{font-size:30px;letter-spacing:-.045em;line-height:1.25;margin:18px 0}.role-copy p{font-size:13px;line-height:1.7;color:var(--muted)}.role-copy ul{list-style:none;padding:0;margin:22px 0 28px;font-size:11px}.role-copy li{padding:10px 0}.role-copy li:before{content:'✓';color:var(--purple);background:#eee8fb;padding:3px 5px;border-radius:50%;margin-right:10px}.inline-link{font-size:11px;font-weight:700;color:var(--purple)}.inline-link span{margin-left:25px}.caption{font-size:9px;color:#a399ae;text-align:center;margin-top:16px}.process{background:#faf9fc;display:grid;grid-template-columns:1.15fr .85fr;padding:80px 9%;gap:85px;align-items:center}.process-copy h2{font-size:clamp(31px,3.1vw,44px);margin-bottom:35px}.process-step{display:flex;gap:20px;padding:20px 0;border-top:1px solid #e8e2ee}.process-step>span{font-size:10px;color:#9b83b9;padding-top:4px}.process-step h3{font-size:14px;margin:0 0 8px;letter-spacing:-.02em}.process-step p{font-size:12px;line-height:1.8;color:var(--muted);max-width:350px;margin:0}.app-preview{background:#e8e1f4;border-radius:18px;display:flex;flex-direction:column;align-items:center;padding:25px 24px 0;overflow:hidden;height:480px;position:relative}.preview-label{font-size:8px;letter-spacing:.08em;width:100%;display:flex;justify-content:space-between;color:#8a759f}.app-preview .phone{margin:28px 0 0;width:205px;flex-shrink:0}.preview-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8px;color:#8a759f;padding:16px;background:#e8e1f4}.professional{margin:80px 5%;border-radius:20px;overflow:hidden;background:#30213f;color:white;display:grid;grid-template-columns:.8fr 1.2fr}.professional>img{width:100%;height:510px;object-fit:cover;object-position:center 30%}.professional>div{padding:55px 12%;align-self:center}.professional h2{font-size:clamp(30px,3.2vw,46px)}.professional p{color:#c7b8d4;line-height:1.8;font-size:12px;max-width:390px;margin:22px 0 30px}.professional .eyebrow{color:#bc9cda}.white{background:#fff;color:#392c45;box-shadow:none}.download{padding:25px 10% 90px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.download h2 span{color:var(--purple)}.download>div>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:320px}.download-box{background:#fff;padding:30px;border:1px solid #e8e1f0;box-shadow:0 15px 50px #5c36730a;border-radius:16px;text-align:center}.app-icon{width:58px;height:58px;object-fit:contain;border-radius:14px;margin:auto}.download-box h3{margin:16px 0 8px;font-size:18px}.beta{font-size:8px;letter-spacing:.1em;color:var(--purple)}.download-box .button{display:flex;margin-top:24px}.download-box .size{font-size:9px;margin:12px auto 22px}details{border-top:1px solid #ece7f1;text-align:left;padding-top:16px;font-size:10px;color:var(--muted)}summary{cursor:pointer;color:var(--ink)}details p{font-size:11px;line-height:1.8}footer{border-top:1px solid #eee8f3;padding:30px 7%;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}footer .logo{color:var(--ink);font-size:22px}footer .logo img{width:30px;height:30px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ad92ff;outline-offset:5px}@media(min-width:1600px){body{max-width:1700px;margin:auto}}@media(max-width:800px){header{height:76px;padding:0 6%}header nav{display:none}.small-button{padding:12px;font-size:10px}.small-button span{margin-left:8px}.hero{margin:0 12px;padding:38px 5% 0;border-radius:18px}.hero .eyebrow{font-size:7px;letter-spacing:.04em}h1{font-size:clamp(34px,7.7vw,54px);margin:24px 0 18px}.hero-text>p{font-size:12px}.hero-text>p br{display:none}.hero-buttons{gap:8px}.button,.outline-button{padding:14px;font-size:10px;gap:15px}.hero-stage{grid-template-columns:1fr 1fr;gap:18px;margin-top:36px;height:310px}.stage-notes{display:none}.stage-service{margin-top:35px}.stage-service>img{height:150px}.stage-service>div{font-size:8px;padding:10px}.mini-label{font-size:6px;padding:10px}.stage-app .phone{width:170px;max-width:100%;border-width:5px;border-radius:25px}.screen-label{top:245px;font-size:7px;padding:11px;max-width:190px}.hero-bottom{font-size:6px;line-height:1.6}.hero-bottom>span{max-width:50%}.service-strip{padding:22px 6%;flex-wrap:wrap;justify-content:flex-start;font-size:10px;gap:12px}.service-strip>span{width:100%}.experience{padding:60px 6%}.roles{gap:0;width:100%}.roles button{font-size:9px;padding:12px 9px;flex:1}.role-panel{grid-template-columns:1fr}.role-photo{height:285px}.role-copy{padding:25px 8% 35px}.role-copy h3{font-size:28px}.process{grid-template-columns:1fr;padding:60px 6%;gap:35px}.app-preview{height:430px}.professional{grid-template-columns:1fr;margin:50px 4%}.professional>img{height:300px;object-position:center 29%}.professional>div{padding:35px 7%}.download{grid-template-columns:1fr;padding:10px 6% 60px;gap:30px}.download-box{max-width:420px;width:100%}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-stage{grid-template-rows:360px}@media(max-width:800px){.hero-stage{grid-template-rows:310px}}

/* Keep actions typographic; remove ornamental directional symbols. */
.hero-text h1{margin-top:12px}.button,.outline-button{justify-content:center}.role-copy li:before{content:none}.role-copy li{padding-left:0;border-bottom:1px solid #ece7f1}.hero-text{padding-top:8px}

@media(max-width:800px){.stage-service{display:none}.hero-stage{grid-template-columns:1fr;grid-template-rows:385px;height:385px;gap:0}.stage-app{width:100%;justify-self:center}.stage-app .phone{width:220px;border-radius:30px}.screen-label{top:340px}}

.role-photo img,.stage-service>img,.professional>img{object-fit:contain;object-position:center;background:#eee9f7}

.role-photo img,.stage-service>img,.professional>img{object-fit:cover;object-position:center}