@font-face{font-family:Manrope;src:url('./fonts/Manrope-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('./fonts/Manrope-Bold.ttf') format('truetype');font-weight:700 800;font-display:swap}
:root{--navy:#14273f;--navy-deep:#101f32;--teal:#007a78;--teal-light:#30afa8;--paper:#f6f5f1;--white:#fff;--ink:#17283c;--muted:#5b6b78;--line:#dce4e7;--max:1296px;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;background:var(--paper);font:400 16px/1.65 Manrope,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
figure,p,h1,h2,h3{margin:0}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:3px solid #17aaa4;outline-offset:4px}
button{font:inherit}
::selection{background:#b8e5e0;color:var(--navy)}
.wrap{width:min(calc(100% - 80px),var(--max));margin-inline:auto}
.section-pad{padding-block:126px}
.skip-link{position:absolute;top:-80px;left:20px;z-index:99;padding:10px 15px;background:var(--navy);color:#fff;border-radius:6px}
.skip-link:focus{top:12px}
.site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid #e9edee}
.header-inner{min-height:82px;display:flex;align-items:center;gap:40px}
.brand{flex:0 0 auto;width:186px}
.brand img{width:100%;height:auto}
.site-nav{display:flex;align-items:center;justify-content:center;gap:34px;margin-left:auto}
.site-nav a,.header-contact{font-size:12px;letter-spacing:.02em;font-weight:800}
.site-nav a{color:#425264;transition:color .2s ease}
.site-nav a:hover{color:var(--teal)}
.header-contact{display:inline-flex;align-items:center;gap:18px;padding:12px 17px;border:1px solid var(--navy);border-radius:999px;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .2s ease}
.header-contact:hover{background:var(--navy);color:#fff;transform:translateY(-2px)}
.menu-toggle{display:none;border:0;background:transparent;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer}
.menu-toggle span{display:block;width:21px;height:2px;background:var(--navy);transition:transform .2s ease}
.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
.section-label{display:inline-flex;align-items:center;gap:12px;font-weight:800;color:var(--teal);font-size:10px;letter-spacing:.18em;line-height:1.4}
.section-label.light{color:#77d6ce}
.label-rule{width:22px;height:1px;background:currentColor}
.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:7%;min-height:700px;padding-block:84px 96px}
.hero-copy{position:relative;z-index:1;padding-block:24px}
.hero h1{font-size:clamp(51px,5.25vw,82px);line-height:1.08;letter-spacing:-.075em;font-weight:800;max-width:770px;margin-top:28px}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero-lead{max-width:552px;color:#526372;font-size:17px;line-height:1.83;margin-top:30px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin-top:38px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:14px 22px;border-radius:5px;font-size:12px;line-height:1.3;font-weight:800;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(12,39,56,.15)}
.button-dark{background:var(--navy);color:#fff}
.button-dark:hover{background:#005f63}
.button-light{background:#fff;color:var(--navy)}
.text-link{font-size:12px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:3px;white-space:nowrap;transition:color .2s ease}
.text-link:hover{color:var(--teal)}
.hero-note{display:flex;align-items:center;gap:9px;margin-top:41px;font-size:11px;color:#526371}
.note-dot{width:6px;height:6px;border-radius:50%;background:var(--teal)}
.hero-visual{height:570px;position:relative;overflow:hidden;border-radius:9px 9px 82px 9px;background:linear-gradient(140deg,#c6d0cd,#d8ddd5)}
.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:58% center}
.hero-visual:after{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(transparent,rgba(6,24,36,.62));pointer-events:none}
.hero-visual figcaption{position:absolute;bottom:30px;left:30px;right:30px;z-index:1;display:flex;justify-content:space-between;gap:12px;color:#fff;font-size:12px;font-weight:700}
.caption-index{font-size:10px;letter-spacing:.13em}
.idea{background:#fff;border-top:1px solid #e7e9e7}
.idea-grid{display:grid;grid-template-columns:minmax(290px,.42fr) minmax(0,1fr);column-gap:7%;row-gap:0}
.eyebrow-col{grid-column:1;grid-row:1;align-self:start}
.idea-copy{grid-column:2;grid-row:1 / span 2}
.idea-route{grid-column:1;grid-row:2;align-self:end;position:relative;width:100%;height:460px}
.idea-route-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.idea-route-line path{fill:none;stroke:#b4d0cb;stroke-width:2;stroke-linecap:round}
.idea-route ol{list-style:none;margin:0;padding:0}
.idea-route-stop{position:absolute;z-index:1;display:flex;align-items:center;gap:12px;min-width:0;transform:translateY(-50%)}
.idea-route-stop--discover{top:42px;left:8%;width:72%}
.idea-route-stop--sale{top:148px;left:55%;width:45%}
.idea-route-stop--handover{top:232px;left:8%;width:72%}
.idea-route-stop--desire{top:365px;left:47%;width:53%}
.idea-route-point{flex:0 0 14px;width:14px;height:14px;border:2px solid var(--teal);border-radius:50%;background:#fff;box-shadow:0 0 0 5px #fff}
.idea-route-copy{min-width:0}
.idea-route-copy strong{display:block;color:var(--navy);font-size:15px;line-height:1.4}
.idea-route-copy>span{display:block;margin-top:4px;color:#556b75;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.idea-route-stop--desire .idea-route-point{flex-basis:24px;width:24px;height:24px;border-color:var(--teal);background:var(--teal);box-shadow:0 0 0 6px #e6f2ee}
.idea-route-stop--desire small{display:block;margin-bottom:5px;color:var(--teal);font-size:10px;font-weight:800;line-height:1.35;letter-spacing:.12em}
.idea-route-stop--desire strong{color:var(--teal);font-size:18px}
.idea h2,.platform h2,.screens h2,.flexible h2,.people h2,.launch h2,.website-section h2,.contact h2{font-size:clamp(36px,4.35vw,64px);font-weight:800;line-height:1.15;letter-spacing:-.058em}
.idea h2 span,.screens h2 span{color:var(--teal)}
.idea-copy>p{max-width:760px;font-size:19px;line-height:1.84;color:#596a77;margin-top:30px}
.idea-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:65px;padding-top:22px;border-top:1px solid var(--line)}
.idea-points p{display:flex;flex-direction:column;gap:9px;font-size:12px;line-height:1.65;color:#62727e}
.idea-points strong{font-size:13px;color:var(--navy)}
.platform{background:var(--navy-deep);color:#fff}
.platform-intro{display:grid;grid-template-columns:1.1fr .6fr;column-gap:9%;align-items:end}
.platform-intro>.section-label{grid-column:1/-1;margin-bottom:22px}
.platform h2 span{color:#87d7ce}
.platform-intro>p{color:#bdcbd5;font-size:15px;line-height:1.9;max-width:430px;padding-bottom:4px}
.platform-lines{margin-top:80px;border-top:1px solid rgba(255,255,255,.24)}
.platform-lines article{display:grid;grid-template-columns:100px 1fr 24px;align-items:start;gap:18px;border-bottom:1px solid rgba(255,255,255,.24);padding:31px 2px}
.line-num{color:#7ed5cd;font-weight:800;font-size:12px;letter-spacing:.1em;padding-top:5px}
.platform-lines h3{font-size:23px;line-height:1.3;letter-spacing:-.04em}
.platform-lines p{max-width:670px;color:#b6c4d0;font-size:14px;line-height:1.8;margin-top:8px}
.line-arrow{color:#78d9d1;font-size:23px;line-height:1}
.screens{background:#f2f5f4}
.screens-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:52px}
.screens-head h2{margin-top:20px}
.screens-head>p{max-width:390px;font-size:14px;color:#627481;line-height:1.85}
.screens-head strong{color:var(--navy)}
.phone-gallery{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.phone-story{min-height:630px;position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,.9fr);gap:10px;overflow:hidden;border:1px solid #dde6e6;border-radius:12px;background:#fff;padding:43px 0 0 38px}
.phone-story-copy{position:relative;z-index:1;padding-top:15px;max-width:240px}
.story-index{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.16em}
.phone-story h3{font-size:clamp(25px,2.4vw,37px);line-height:1.18;letter-spacing:-.06em;margin-top:23px}
.phone-story p{font-size:12px;line-height:1.78;color:#63737f;margin-top:17px}
.phone-window{align-self:start;width:min(100%,279px);height:500px;overflow:hidden;border:5px solid #172438;border-bottom:0;border-radius:27px 27px 0 0;box-shadow:-16px 20px 42px rgba(20,39,63,.11);background:#fff;margin-left:auto}
.phone-window img{width:100%;height:auto}
.phone-story figcaption{position:absolute;left:38px;bottom:22px;font-size:11px;color:#526371;max-width:245px}
.gallery-story{margin-top:76px;padding-top:48px;border-top:1px solid #d8e1e2}
.gallery-story-head{display:grid;grid-template-columns:1.05fr .65fr;align-items:end;column-gap:9%;margin-bottom:30px}
.gallery-story-head .story-index{grid-column:1/-1;margin-bottom:19px}
.gallery-story-head h3{font-size:clamp(32px,3.8vw,51px);line-height:1.16;letter-spacing:-.058em}
.gallery-story-head p{font-size:14px;color:#526371;line-height:1.85;max-width:470px}
.handoff-grid{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(0,1.1fr);gap:18px;align-items:stretch}
.capture-panel,.promotion-panel{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dce5e6;border-radius:12px;background:#fff;box-shadow:0 15px 35px rgba(27,55,68,.06)}
.capture-label{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:43px;padding:10px 16px;border-bottom:1px solid #e4eaea;background:#fff;color:#526371;font-size:9px;font-weight:800;letter-spacing:.13em}
.capture-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#3eaba3}
.desktop-capture>img{display:block;width:100%;height:auto}
.capture-panel figcaption,.promotion-panel figcaption{min-height:47px;margin-top:auto;padding:15px 17px;background:#fff;color:#526371;font-size:11px;line-height:1.55}
.phone-story.help-story{display:flex;flex-direction:column;min-height:0;padding:32px 24px 0}
.help-story .phone-story-copy{max-width:100%;padding-top:0}
.help-story h3{font-size:clamp(25px,2.3vw,31px);margin-top:16px}
.help-story p{max-width:290px;margin-top:11px;line-height:1.7}
.help-story .phone-window{width:min(100%,245px);height:390px;margin:20px auto 0}
.help-story figcaption{position:static;max-width:none;width:100%;margin-top:auto;padding:15px 0;line-height:1.55}
.promotions{margin-top:66px}
.promotion-grid{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(0,1.1fr);gap:18px;align-items:stretch}
.promotion-image{display:flex;align-items:flex-start;justify-content:center;height:520px;overflow:hidden;background:linear-gradient(155deg,#e8f0ef,#f3f6f5);padding:24px 20px 0}
.promotion-image img{height:auto;box-shadow:0 14px 32px rgba(17,41,57,.11)}
.promotion-image.desktop-notice-image{height:auto;padding:0;background:#fff}
.desktop-notice-image img{width:100%;box-shadow:none}
.gallery-disclosure{max-width:860px;margin-top:36px;border-left:2px solid #8fcfc9;padding-left:17px;color:#526371;font-size:12px;line-height:1.8}
.flexible{background:#fff}
.flexible-grid{display:grid;grid-template-columns:.9fr 1fr;gap:14%}
.flexible h2{margin-top:22px}
.flexible-copy{padding-top:32px}
.flexible-copy p{font-size:16px;color:#556a78;line-height:1.9;margin-bottom:21px}
.flexible-copy .quiet-note{font-size:12px;color:#526371;margin-top:30px;padding-left:17px;border-left:2px solid #8fcfc9}
.people{background:#e9efed}
.people-grid{display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:10%}
.people-image{position:relative;height:480px;overflow:hidden;border-radius:9px 60px 9px 9px;background:#cad8d5}
.people-image img{width:100%;height:100%;object-fit:cover}
.people-image figcaption{position:absolute;left:0;bottom:0;background:rgba(13,35,48,.86);color:#fff;padding:13px 20px;font-size:11px}
.people-copy h2{margin-top:22px}
.people-copy p{color:#5b6e7b;font-size:15px;line-height:1.94;margin-top:25px}
.launch{background:#fff}
.launch-head{display:flex;flex-direction:column;align-items:flex-start;max-width:700px}
.launch-head h2{margin-top:19px}
.launch-head p{color:#697c87;max-width:580px;font-size:16px;line-height:1.8;margin-top:19px}
.launch-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:65px}
.launch-steps article{border-top:1px solid #8bcac3;padding:25px 12px 10px 0}
.launch-steps article>span{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--teal)}
.launch-steps h3{font-size:20px;letter-spacing:-.04em;line-height:1.3;margin-top:27px}
.launch-steps p{font-size:12px;color:#526371;line-height:1.8;margin-top:13px}
.website-section{background:#0e4146;color:#fff}
.website-grid{display:grid;grid-template-columns:.9fr 1fr;gap:15%}
.website-section h2{margin-top:23px;max-width:540px}
.website-grid>div:last-child{padding-top:25px}
.website-grid p{font-size:16px;line-height:1.87;color:#d0e9e6;margin-bottom:22px}
.website-grid .button{margin-top:16px}
.contact{background:var(--paper)}
.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:12%}
.contact h2{margin-top:22px;max-width:680px}
.contact-grid>div:first-child>p{font-size:16px;color:#5e7180;line-height:1.86;max-width:550px;margin-top:22px}
.contact-actions{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:19px;padding-top:20px}
.contact-email{font-size:clamp(19px,2.4vw,29px);font-weight:800;letter-spacing:-.045em;border-bottom:1px solid var(--navy);padding-bottom:8px;overflow-wrap:anywhere;line-height:1.3}
.contact-email:hover,.contact-phone:hover{color:var(--teal)}
.contact-phone{font-size:16px;font-weight:700}
.contact-actions p{color:#526371;font-size:11px;line-height:1.7;max-width:480px;margin-top:9px}
.site-footer{background:#fff;border-top:1px solid #d6dfdd}
.footer-inner{display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:40px;padding-block:50px;align-items:start}
.footer-inner img{width:178px;height:auto}
.footer-inner>div:first-child p{margin-top:11px;color:#526371;font-size:10px;letter-spacing:.14em;font-weight:800}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;color:#526573;font-size:11px;font-weight:800}
.footer-links a:hover{color:var(--teal)}
.footer-note{color:#526371;font-size:11px;line-height:1.8}
@media(max-width:1140px){.header-inner{gap:22px}.site-nav{gap:20px}.brand{width:158px}.hero{gap:4%;min-height:0}.hero-visual{height:520px}.hero h1{font-size:clamp(49px,5.2vw,70px)}.phone-story{grid-template-columns:1fr .95fr;min-height:570px;padding-left:26px}.phone-window{height:495px}.phone-story figcaption{left:26px}.people-grid{gap:6%}}
@media(max-width:840px){.wrap{width:min(calc(100% - 48px),var(--max))}.header-inner{min-height:75px}.header-contact{margin-left:auto}.site-nav{gap:14px;margin-left:auto}.site-nav a{font-size:11px}.hero{padding-block:62px 78px;gap:35px;grid-template-columns:1fr 1fr}.hero h1{font-size:49px}.hero-lead{font-size:14px}.hero-visual{height:465px}.idea-grid{grid-template-columns:1fr;gap:30px}.eyebrow-col{display:block}.platform-intro{gap:5%}.phone-gallery{gap:16px}.phone-story{display:block;min-height:700px;padding:27px 25px 0}.phone-story-copy{max-width:100%;padding-top:0}.phone-window{margin:25px auto 0;max-height:440px}.phone-story figcaption{left:25px}.flexible-grid,.people-grid,.website-grid,.contact-grid{gap:6%}.people-image{height:415px}.launch-steps{gap:17px}}
@media(max-width:700px){html{scroll-padding-top:75px}.section-pad{padding-block:75px}.wrap{width:calc(100% - 40px)}.site-header{position:relative}.header-inner{min-height:70px}.brand{width:153px}.menu-toggle{display:flex;margin-left:auto}.header-contact{display:none}.site-nav{display:none;position:absolute;top:69px;left:0;right:0;background:#fff;box-shadow:0 15px 26px rgba(15,35,52,.08);padding:15px 20px 23px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.menu-open .site-nav{display:flex}.site-nav a{font-size:14px;padding:11px 5px}.hero{grid-template-columns:1fr;gap:46px;padding-block:60px 66px}.hero h1{font-size:clamp(43px,10vw,65px);margin-top:21px;letter-spacing:-.067em}.hero-lead{font-size:15px;line-height:1.74;margin-top:23px}.hero-actions{gap:20px;margin-top:29px}.hero-note{margin-top:27px}.hero-visual{height:420px}.hero-visual figcaption{bottom:22px;left:19px;right:19px}.idea h2,.platform h2,.screens h2,.flexible h2,.people h2,.launch h2,.website-section h2,.contact h2{font-size:clamp(36px,8.3vw,50px)}.idea-copy>p{font-size:16px;margin-top:24px}.idea-points{margin-top:40px;gap:15px}.platform-intro,.screens-head,.flexible-grid,.people-grid,.website-grid,.contact-grid{display:block}.platform-intro>p{margin-top:25px}.platform-lines{margin-top:43px}.platform-lines article{grid-template-columns:40px 1fr 18px;gap:10px;padding-block:25px}.platform-lines h3{font-size:18px}.platform-lines p{font-size:12px}.screens-head{margin-bottom:30px}.screens-head>p{max-width:560px;margin-top:20px}.studio-shot>img{max-height:460px}.frame-toolbar{padding-inline:12px;font-size:8px;gap:9px}.frame-live{font-size:7px}.studio-shot figcaption{padding-inline:14px}.phone-gallery{grid-template-columns:1fr;gap:18px}.phone-story{min-height:470px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.phone-window{margin:0 0 0 auto;max-height:385px}.phone-story-copy{padding-top:9px}.phone-story figcaption{bottom:19px}.screens-footer{align-items:flex-start;flex-direction:column}.flexible-copy{padding-top:24px}.people-image{height:350px;margin-bottom:33px}.people-copy h2{margin-top:17px}.launch-steps{grid-template-columns:1fr 1fr;row-gap:29px;margin-top:42px}.launch-steps h3{margin-top:18px}.website-grid>div:last-child{padding-top:23px}.contact-actions{padding-top:35px}.footer-inner{grid-template-columns:1fr 1fr;gap:35px;padding-block:41px}.footer-note{grid-column:1/-1}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.hero{padding-top:49px}.hero h1{font-size:clamp(38px,10.3vw,50px)}.hero-visual{height:380px;border-bottom-right-radius:50px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-actions .button{width:100%}.idea-points{grid-template-columns:1fr;gap:15px}.idea-points p{gap:2px}.phone-story{padding:23px 17px 0;display:block;min-height:620px}.phone-story h3{font-size:27px;margin-top:16px}.phone-story p{max-width:290px}.phone-window{margin:22px auto 0;height:404px;width:235px}.phone-story figcaption{left:17px;bottom:14px}.studio-shot>img{max-height:320px}.studio-shot figcaption{font-size:9px}.frame-toolbar span:nth-child(2){display:none}.launch-steps{grid-template-columns:1fr;gap:11px}.launch-steps article{padding-bottom:16px}.people-image{height:300px}.contact-email{font-size:20px}.footer-inner{grid-template-columns:1fr}.footer-note{grid-column:auto}}
@media(max-width:840px){.gallery-story-head{column-gap:5%}.gallery-story-head h3{font-size:clamp(28px,4vw,39px)}.gallery-story-head p{font-size:12px}.handoff-grid{grid-template-columns:1fr;gap:16px}.help-capture{width:min(100%,380px);margin-inline:auto}.help-image img{width:min(100%,260px)}.promotion-grid{gap:14px}.promotion-image{height:480px}.editor-image img{width:min(100%,330px)}}
@media(max-width:700px){.gallery-story{margin-top:55px;padding-top:40px}.gallery-story-head{display:block;margin-bottom:24px}.gallery-story-head .story-index{display:block;margin-bottom:17px}.gallery-story-head h3{font-size:clamp(30px,7vw,43px)}.gallery-story-head p{font-size:13px;margin-top:17px}.handoff-grid,.promotion-grid{grid-template-columns:1fr;gap:16px}.help-capture{width:min(100%,380px);margin-inline:auto}.help-image img{width:min(100%,275px)}.promotion-image{height:520px}.editor-image img{width:min(100%,370px)}.gallery-disclosure{margin-top:26px}}
@media(max-width:480px){.gallery-story-head h3{font-size:32px}.help-capture{max-width:330px}.help-image img{width:min(100%,250px)}.promotion-image{height:490px}.editor-image img{width:min(100%,320px)}}
@media(max-width:1140px){.phone-gallery .phone-window{height:465px}}
@media(max-width:840px){.phone-gallery .phone-window{max-height:410px}.help-story{width:min(100%,380px);margin-inline:auto}}
@media(max-width:700px){.phone-gallery .phone-window{max-height:355px}}
@media(max-width:480px){.phone-gallery .phone-window{height:375px;max-height:355px}.phone-story.help-story{padding:23px 17px 0;min-height:620px}.help-story{max-width:330px}.help-story .phone-window{width:235px;height:385px;margin:22px auto 0}.help-story figcaption{left:17px;right:17px;bottom:14px}}
@media(max-width:840px){.promotion-grid{grid-template-columns:1fr}}

/* Fresh browser renders flow naturally; the frames stop cleanly above mobile navigation. */
.phone-gallery .phone-story{min-height:665px}
.phone-gallery .phone-window{height:auto;max-height:none;aspect-ratio:.525;border-bottom:0;border-radius:27px 27px 0 0}
@media(min-width:841px) and (max-width:1140px){.phone-gallery .phone-story{min-height:575px}}
@media(max-width:960px){.phone-gallery{grid-template-columns:1fr}.phone-gallery .phone-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,279px);min-height:665px;padding:43px 0 0 38px}.phone-gallery .phone-window{width:min(100%,279px);margin:0 0 0 auto}.phone-gallery .phone-story figcaption{left:38px;bottom:22px}}
@media(min-width:841px) and (max-width:960px){.handoff-grid,.promotion-grid{grid-template-columns:1fr;gap:16px}.help-story{width:min(100%,380px);margin-inline:auto}}
@media(max-width:600px){.phone-gallery .phone-story{display:block;min-height:760px;padding:23px 17px 0}.phone-gallery .phone-window{width:235px;margin:22px auto 0}.phone-gallery .phone-story figcaption{left:17px;bottom:14px}}
@media(max-width:960px){.idea-grid{grid-template-columns:1fr;row-gap:30px}.eyebrow-col{grid-column:1;grid-row:1}.idea-copy{grid-column:1;grid-row:2}.idea-route{grid-column:1;grid-row:3;align-self:start;width:min(100%,400px);margin-top:9px}}
@media(max-width:480px){.idea-route-copy>span{font-size:11.5px}.idea-route-stop--desire strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Mobile reading path: show the essentials first, then let visitors open detailed screen pairs. */
.mobile-gallery-hint,.mobile-reveal{display:none}
.phone-gallery:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
[hidden]{display:none!important}
@media(max-width:700px){
  html{scroll-padding-top:76px}
  .wrap{width:calc(100% - 32px)}
  .section-pad{padding-block:52px}
  .hero{gap:22px;padding-block:34px 44px}
  .hero-copy{padding-block:0}
  .hero h1{font-size:clamp(37px,9.5vw,54px);line-height:1.1;margin-top:16px}
  .hero-lead{font-size:14px;line-height:1.65;margin-top:16px}
  .hero-actions{margin-top:21px;gap:13px;align-items:stretch;flex-direction:column}
  .hero-actions .text-link{align-self:center}
  .hero-note{display:none}
  .hero-visual{height:250px;border-bottom-right-radius:38px}
  .hero-visual figcaption{bottom:13px;font-size:10px}
  .idea-grid{row-gap:18px}
  .idea h2,.platform h2,.screens h2,.flexible h2,.people h2,.launch h2,.website-section h2,.contact h2{font-size:clamp(32px,8vw,46px)}
  .idea-copy>p{font-size:14px;line-height:1.68;margin-top:17px}
  .idea-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:24px;padding-top:16px}
  .idea-points p{font-size:11.5px;line-height:1.5;gap:4px}
  .idea-points p:last-child{grid-column:1/-1}
  .idea-points strong{font-size:12px;line-height:1.35}
  .idea-route{height:380px;margin-top:0}
  .idea-route-stop--discover{top:35px}
  .idea-route-stop--sale{top:122px}
  .idea-route-stop--handover{top:192px}
  .idea-route-stop--desire{top:302px}
  .platform-intro>.section-label{margin-bottom:15px}
  .platform-intro>p{margin-top:17px;font-size:13px;line-height:1.7}
  .platform-lines{margin-top:25px}
  .platform-lines article{padding-block:17px}
  .platform-lines p{line-height:1.6;margin-top:6px}
  .screens-head{margin-bottom:17px}
  .screens-head h2{margin-top:12px}
  .screens-head>p{font-size:12px;line-height:1.55;margin-top:12px}
  .mobile-gallery-hint{display:block;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.025em;margin-bottom:12px}
  .phone-gallery{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:12px}
  .phone-gallery .phone-story{flex:0 0 min(82vw,330px);width:min(82vw,330px);display:flex;flex-direction:column;min-height:660px;padding:20px 16px 48px;scroll-snap-align:start;scroll-snap-stop:always}
  .phone-gallery .phone-story-copy{max-width:none;padding-top:0}
  .phone-gallery .phone-story h3{font-size:26px;line-height:1.18;margin-top:12px}
  .phone-gallery .phone-story p{font-size:11px;line-height:1.55;margin-top:9px;max-width:none}
  .phone-gallery .phone-window{flex:none;width:min(72%,195px);height:auto;max-height:none;aspect-ratio:.525;margin:14px auto 0}
  .phone-gallery .phone-story figcaption{left:16px;right:16px;bottom:15px;max-width:none;font-size:10px}
  .gallery-story,.promotions{margin-top:28px;padding-top:25px}
  .gallery-story-head{margin-bottom:0}
  .gallery-story-head .story-index{margin-bottom:8px}
  .gallery-story-head h3{font-size:clamp(26px,6.8vw,34px);line-height:1.15}
  .gallery-story-head p{font-size:12px;line-height:1.65;margin-top:10px}
  .mobile-enhanced .mobile-reveal{display:inline-flex;align-items:center;justify-content:space-between;width:100%;margin-top:17px;padding:12px 15px;border:1px solid #b9d3d0;border-radius:7px;background:#fff;color:var(--navy);font-size:12px;font-weight:800;text-align:left;cursor:pointer}
  .mobile-reveal .reveal-icon{font-size:20px;line-height:1;color:var(--teal)}
  .handoff-grid,.promotion-grid{margin-top:17px}
  .phone-story.help-story{min-height:0;width:100%;max-width:none;padding:20px 20px 0}
  .help-story h3{font-size:25px;margin-top:10px}
  .help-story .phone-window{width:min(100%,210px);height:325px;margin:16px auto 0}
  .help-story figcaption{font-size:10px;padding-block:13px}
  .gallery-disclosure{margin-top:19px;font-size:11px;line-height:1.6}
  .flexible h2{margin-top:15px}
  .flexible-copy{padding-top:18px}
  .flexible-copy p{font-size:13px;line-height:1.7;margin-bottom:12px}
  .flexible-copy .quiet-note{margin-top:17px;font-size:11px}
  .people-image{height:220px;margin-bottom:22px}
  .people-image figcaption{font-size:10px;padding:10px 13px}
  .people-copy h2{margin-top:14px}
  .people-copy p{font-size:13px;line-height:1.7;margin-top:14px}
  .launch-head h2{margin-top:13px}
  .launch-head p{font-size:13px;line-height:1.65;margin-top:12px}
  .launch-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:29px}
  .launch-steps article{padding:13px 5px 9px 0}
  .launch-steps article>span{font-size:9px}
  .launch-steps h3{font-size:16px;line-height:1.3;margin-top:10px}
  .launch-steps p{font-size:11px;line-height:1.55;margin-top:7px}
  .website-section h2,.contact h2{margin-top:14px}
  .website-grid>div:last-child{padding-top:15px}
  .website-grid p{font-size:13px;line-height:1.7;margin-bottom:12px}
  .website-grid .button{margin-top:7px}
  .contact-grid>div:first-child>p{font-size:13px;line-height:1.7;margin-top:15px}
  .contact-actions{gap:12px;padding-top:20px}
  .contact-email{font-size:19px}
  .contact-actions p{margin-top:0}
  .footer-inner{grid-template-columns:1fr 1fr;gap:22px 15px;padding-block:31px}
  .footer-inner img{width:132px}
  .footer-links{grid-template-columns:1fr;gap:6px}
  .footer-note{grid-column:1/-1}
}
@media(max-width:350px){
  .wrap{width:calc(100% - 28px)}
  .hero h1{font-size:35px}
  .idea-route-copy>span{font-size:10.5px}
  .phone-gallery .phone-story{min-height:675px}
  .launch-steps h3{font-size:15px}
}

@media(min-width:701px) and (max-width:960px){
  .section-pad{padding-block:72px}
  .phone-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .phone-gallery .phone-story{display:flex;flex-direction:column;min-height:700px;padding:23px 18px 46px}
  .phone-gallery .phone-story-copy{padding-top:0;max-width:none}
  .phone-gallery .phone-story h3{font-size:27px;margin-top:14px}
  .phone-gallery .phone-story p{font-size:11px;line-height:1.6;margin-top:10px}
  .phone-gallery .phone-window{flex:none;width:min(74%,220px);height:auto;max-height:none;aspect-ratio:.525;margin:auto auto 0}
  .phone-gallery .phone-story figcaption{left:18px;right:18px;bottom:15px;max-width:none;font-size:10px}
  .gallery-story{margin-top:39px;padding-top:32px}
  .gallery-story-head{margin-bottom:0}
  .gallery-story-head p{font-size:12px;line-height:1.65}
  .mobile-enhanced .mobile-reveal{display:inline-flex;grid-column:1/-1;align-items:center;justify-content:space-between;width:100%;margin-top:14px;padding:12px 15px;border:1px solid #b9d3d0;border-radius:7px;background:#fff;color:var(--navy);font-size:12px;font-weight:800;text-align:left;cursor:pointer}
  .mobile-reveal .reveal-icon{font-size:20px;line-height:1;color:var(--teal)}
  .handoff-grid,.promotion-grid{margin-top:18px}
  .idea-route{height:380px}
  .idea-route-stop--discover{top:35px}
  .idea-route-stop--sale{top:122px}
  .idea-route-stop--handover{top:192px}
  .idea-route-stop--desire{top:302px}
}

/* Three-page phone experience. Desktop homepage above remains unchanged. */
.mobile-only,.mobile-hero-link,.mobile-nav-link,.mobile-directory{display:none}
.detail-intro{padding-block:78px 65px}
.detail-back{display:inline-block;margin-bottom:43px;color:var(--teal);font-size:13px;font-weight:800}
.detail-back:hover,.detail-text-link:hover,.detail-next a:hover{color:var(--teal)}
.detail-intro .section-label{display:flex}
.detail-intro h1{max-width:920px;margin-top:20px;font-size:clamp(44px,5vw,72px);line-height:1.1;letter-spacing:-.065em}
.detail-intro>p{max-width:660px;margin-top:22px;color:#526371;font-size:17px;line-height:1.75}
.product-chapter{padding-block:85px;background:#fff}
.product-chapter--soft{background:#f2f5f4}
.product-chapter-head{max-width:730px;margin-bottom:34px}
.product-chapter-head h2,.launch-band h2,.launch-process h2,.launch-websites h2,.detail-contact h2{margin-top:12px;font-size:clamp(36px,4vw,56px);line-height:1.16;letter-spacing:-.058em}
.product-chapter-head p{max-width:610px;margin-top:16px;color:#526371;font-size:16px;line-height:1.75}
.product-phones,.product-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px}
.product-pair{grid-template-columns:minmax(0,2.15fr) minmax(0,1fr)}
.product-phone,.product-desktop{min-width:0;overflow:hidden;border:1px solid #dce5e6;border-radius:12px;background:#fff;box-shadow:0 14px 32px rgba(27,55,68,.055)}
.product-phone{display:flex;flex-direction:column;padding:28px 26px 18px}
.product-card-copy h3{margin-top:10px;font-size:clamp(25px,2.5vw,33px);line-height:1.22;letter-spacing:-.045em}
.product-card-copy p{max-width:380px;margin-top:9px;color:#526371;font-size:14px;line-height:1.68}
.product-phone-frame{width:min(100%,255px);margin:24px auto 0;border:5px solid #172438;border-radius:27px;box-shadow:0 18px 34px rgba(20,39,63,.12);background:#fff}
.product-phone-frame img{display:block;width:100%;height:auto;border-radius:21px}
.product-phone figcaption,.product-desktop figcaption{margin-top:auto;padding-top:15px;color:#526371;font-size:12px;line-height:1.55}
.product-desktop{display:flex;flex-direction:column}
.product-desktop>img{display:block;width:100%;height:auto}
.product-desktop figcaption{padding:15px 18px}
.detail-disclosure{max-width:1296px;margin-block:55px 15px;border-left:2px solid #8fcfc9;padding-left:17px;color:#526371;font-size:13px;line-height:1.75}
.detail-next{display:flex;flex-wrap:wrap;align-items:center;gap:18px 36px;padding-block:34px 68px;border-top:1px solid var(--line)}
.detail-next>span{width:100%;color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.15em}
.detail-next a{font-weight:800;font-size:16px}
.site-subpage .site-nav a[aria-current="page"]{color:var(--teal)}
.launch-band{padding-block:76px;background:#e9efed}
.launch-band-inner{max-width:1296px}
.launch-band h2{max-width:690px}
.launch-band p{max-width:690px;margin-top:18px;font-size:17px;line-height:1.75;color:#526371}
.launch-process{padding-block:85px}
.launch-process h2{margin-top:18px}
.launch-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:40px}
.launch-process-grid article{border-top:1px solid #8bcac3;padding-top:18px}
.launch-process-grid article>span{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.1em}
.launch-process-grid h3{margin-top:18px;font-size:20px;line-height:1.32;letter-spacing:-.035em}
.launch-process-grid p{margin-top:9px;color:#526371;font-size:14px;line-height:1.7}
.launch-websites{background:#0e4146;color:#fff;padding-block:78px}
.launch-websites h2{max-width:680px}
.launch-websites p{max-width:680px;margin-top:18px;color:#d0e9e6;font-size:16px;line-height:1.75}
.launch-websites .button{margin-top:22px}
.detail-contact{padding-block:80px}
.detail-contact h2{max-width:760px}
.detail-contact>p{margin-top:15px;color:#526371;font-size:16px}
.detail-contact-email,.detail-contact-phone{display:block;width:fit-content;overflow-wrap:anywhere}
.detail-contact-email{margin-top:28px;padding-bottom:5px;border-bottom:1px solid var(--navy);font-size:clamp(21px,3vw,29px);line-height:1.35;font-weight:800;letter-spacing:-.045em}
.detail-contact-phone{margin-top:18px;font-size:17px;font-weight:800}
.detail-contact-email:hover,.detail-contact-phone:hover{color:var(--teal)}

@media(max-width:960px){
  .company-home .platform,.company-home .screens,.company-home .flexible,.company-home .people,.company-home .launch,.company-home .website-section,.company-home .contact{display:none}
  .mobile-only,.mobile-hero-link,.mobile-nav-link,.company-home .mobile-directory{display:block}
  .desktop-only,.desktop-hero-link,.desktop-nav-link{display:none!important}
  .site-header{position:relative}
  .site-nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:5;margin:0;padding:16px 24px 20px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 28px rgba(15,35,52,.1)}
  .menu-open .site-nav{display:flex}
  .site-nav a{font-size:16px;padding:11px 7px}
  .menu-toggle{display:flex;margin-left:auto}
  .header-contact{display:none}
  .company-home .idea-points{display:none}
  .company-home .idea-copy>p{max-width:580px;font-size:16px;line-height:1.75}
  .company-home .idea-route-copy>span{font-size:12.5px}
  .mobile-directory{padding-block:55px 65px;background:#e9efed}
  .mobile-directory h2{margin-top:14px;font-size:clamp(32px,4.7vw,46px);letter-spacing:-.05em;line-height:1.15}
  .mobile-directory-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:28px}
  .mobile-directory-links a{display:flex;justify-content:space-between;gap:12px;min-height:126px;padding:22px;border:1px solid #d4e1de;border-radius:9px;background:#fff;transition:border-color .2s ease,transform .2s ease}
  .mobile-directory-links a:hover{border-color:var(--teal);transform:translateY(-2px)}
  .mobile-directory-links a strong,.mobile-directory-links a small{display:block}
  .mobile-directory-links a strong{font-size:20px;line-height:1.3}
  .mobile-directory-links a small{margin-top:9px;color:#526371;font-size:13px;line-height:1.5}
  .mobile-directory-links a>span:last-child{color:var(--teal);font-size:22px;line-height:1}
  .mobile-contact-link{display:inline-block;margin-top:23px;border-bottom:1px solid currentColor;padding-bottom:4px;color:var(--navy);font-size:15px;font-weight:800}
  .detail-intro{padding-block:48px 44px}
  .product-chapter{padding-block:56px}
  .product-pair{grid-template-columns:1fr}
  .product-pair .product-phone{width:min(100%,480px);margin-inline:auto}
  .launch-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .company-home .hero-lead{font-size:16px;line-height:1.72}
  .company-home .hero-visual{height:245px}
  .company-home .idea h2{font-size:clamp(31px,8vw,41px);line-height:1.19}
  .company-home .idea-copy>p{font-size:16px;line-height:1.75}
  .company-home .idea-route{margin-top:6px}
  .mobile-directory{padding-block:43px 52px}
  .mobile-directory h2{font-size:34px}
  .mobile-directory-links{gap:11px;margin-top:23px}
  .mobile-directory-links a{min-height:113px;padding:16px 12px;gap:5px}
  .mobile-directory-links a strong{font-size:16px}
  .mobile-directory-links a small{font-size:12px;margin-top:8px}
  .mobile-directory-links a>span:last-child{font-size:17px}
  .detail-intro{padding-block:34px 38px}
  .detail-back{margin-bottom:30px;font-size:13px}
  .detail-intro h1{margin-top:16px;font-size:clamp(33px,8.2vw,45px);line-height:1.14;letter-spacing:-.052em}
  .detail-intro>p{margin-top:16px;font-size:16px;line-height:1.7}
  .product-chapter{padding-block:40px}
  .product-chapter-head{margin-bottom:22px}
  .product-chapter-head h2,.launch-band h2,.launch-process h2,.launch-websites h2,.detail-contact h2{font-size:clamp(29px,7.6vw,39px);line-height:1.2}
  .product-chapter-head p{margin-top:10px;font-size:15px;line-height:1.68}
  .product-phones,.product-pair{grid-template-columns:1fr;gap:14px}
  .product-phone{padding:22px 20px 18px}
  .product-card-copy h3{font-size:25px;line-height:1.25}
  .product-card-copy p{font-size:15px;line-height:1.62}
  .product-phone-frame{width:min(100%,240px);margin-top:18px}
  .product-phone figcaption,.product-desktop figcaption{font-size:12px;line-height:1.6}
  .detail-disclosure{margin-block:38px 14px;font-size:12px;line-height:1.7}
  .detail-next{padding-block:28px 45px;gap:12px}
  .detail-next a{display:block;width:100%;font-size:15px}
  .launch-band{padding-block:43px}
  .launch-band p{font-size:16px;line-height:1.72}
  .launch-process{padding-block:48px}
  .launch-process-grid{gap:14px;margin-top:28px}
  .launch-process-grid h3{font-size:17px}
  .launch-process-grid p{font-size:13.5px;line-height:1.62}
  .launch-websites{padding-block:46px}
  .launch-websites p{font-size:15px;line-height:1.7}
  .detail-contact{padding-block:50px}
  .detail-contact>p{font-size:15px}
  .detail-contact-email{font-size:clamp(18px,5.5vw,24px)}
  .site-subpage .footer-inner,.company-home .footer-inner{grid-template-columns:1fr 1fr}
  .site-subpage .footer-note,.company-home .footer-note{grid-column:1/-1}
}
@media(max-width:350px){
  .mobile-directory-links a{min-height:120px;padding:14px 10px}
  .mobile-directory-links a strong{font-size:15px}
  .mobile-directory-links a small{font-size:11.5px}
  .product-phone-frame{width:min(100%,220px)}
  .launch-process-grid{grid-template-columns:1fr}
}

@media(max-width:960px){
  html:not(.js) .site-header .header-inner{flex-wrap:wrap}
  html:not(.js) .site-header .menu-toggle{display:none}
  html:not(.js) .site-header .site-nav{display:flex;position:static;flex-basis:100%;flex-direction:row;flex-wrap:wrap;gap:0 12px;box-shadow:none;border:0;border-top:1px solid var(--line);padding:6px 0 10px}
  html:not(.js) .site-header .site-nav a{font-size:13px;padding:8px 4px}
}

.product-jump{display:flex;align-items:stretch;gap:10px;margin-top:-18px;padding-bottom:28px}
.product-jump a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:170px;border-top:1px solid #88bdb8;padding:12px 2px;color:var(--navy);font-size:14px;font-weight:800}
.product-jump a:hover{color:var(--teal)}
.product-jump a span{color:var(--teal)}
@media(max-width:700px){
  .product-jump{gap:10px;margin-top:-6px;padding-bottom:12px}
  .product-jump a{min-width:0;flex:1;gap:5px;font-size:12px;line-height:1.35}
  .product-jump a span{font-size:14px}
}