:root {
      --sapphire-700:#0D3F88; --sapphire-500:#1355B2; --sapphire-100:#E5EFFD;
      --rose-700:#C92E73; --rose-500:#F5569B; --rose-100:#FDE8F1;
      --cloud-50:#F8FAFD; --ink-900:#17263D; --ink-700:#43536A; --ink-500:#708097;
      --line:#E3E9F1; --white:#fff; --page:1180px;
      color:var(--ink-900); background:var(--cloud-50);
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      font-synthesis:none; text-rendering:optimizeLegibility;
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cloud-50);color:var(--ink-900)}
    a{color:inherit;text-decoration:none} a:focus-visible,button:focus-visible{outline:3px solid var(--rose-500);outline-offset:4px}
    .wrap{width:min(var(--page),calc(100% - 56px));margin-inline:auto}
    .topbar{height:74px;border-bottom:1px solid var(--line);background:rgba(248,250,253,.96)}
    .nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:inline-flex;align-items:center;gap:10px;color:var(--sapphire-700);font-size:24px;font-weight:800;letter-spacing:-.055em}
    .brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--sapphire-500);color:white;font-size:14px;letter-spacing:0}
    .navlinks{display:flex;align-items:center;gap:32px;color:var(--ink-700);font-size:13px;font-weight:650}
    .navlinks a:hover,.text-link:hover{color:var(--rose-700)}
    .button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;border:0;border-radius:10px;background:var(--sapphire-500);color:white;font-size:13px;font-weight:750;transition:background .18s ease,transform .18s ease}
    .button:hover{background:var(--sapphire-700);transform:translateY(-1px)}
    .button.ghost{background:white;color:var(--sapphire-700);box-shadow:inset 0 0 0 1px var(--line)}
    .menu-toggle{display:none;border:0;background:transparent;color:var(--ink-900);font-size:23px}
    .hero{position:relative;overflow:clip;padding:77px 0 86px;text-align:center;background:var(--cloud-50)}
    .hero>.wrap{position:relative;z-index:1}
    .hero-vignette{position:absolute;z-index:0;width:min(28vw,405px);height:auto;pointer-events:none;user-select:none}
    .hero-vignette--left{top:180px;left:0}
    /* Align the illustrated ground points, accounting for each image's aspect ratio. */
    .hero-vignette--right{top:calc(180px + min(30.737vw,444.59px) - min(25vw,358.33px));right:0;width:min(30vw,430px)}
    .hero-mobile-art{display:none}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--sapphire-500);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
    .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rose-500)}
    h1,h2,h3,p{margin-top:0}
    h1{max-width:900px;margin:20px auto 18px;font-size:clamp(42px,6.2vw,76px);line-height:1.04;letter-spacing:-.07em;font-weight:790}
    .hero-mark{color:var(--sapphire-500)}
    .hero-copy{max-width:720px;margin:0 auto;color:var(--ink-700);font-size:17px;line-height:1.75}
    .hero-actions{display:flex;justify-content:center;gap:11px;margin:25px 0 36px}
    .hero-preview{box-sizing:border-box;width:min(100%,980px);margin:0 auto;border:1px solid #E7EAF0;border-radius:18px;overflow:hidden;background:white;box-shadow:0 22px 64px rgba(23,38,61,.09);text-align:left}
    .browser-bar{box-sizing:border-box;height:38px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #E7EAF0;color:var(--ink-500);font-size:10px}
    .browser-dot{width:7px;height:7px;border-radius:50%;background:#DCE4EF}.browser-url{flex:1;margin-left:7px;padding:5px 10px;border-radius:6px;background:var(--cloud-50);text-align:center}
    .hero-preview-video{display:block;max-width:100%;width:100%;height:auto;aspect-ratio:1920 / 920;object-fit:contain;background:#fff}
    .preview-page{aspect-ratio:16/9;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:11px;background:white}
    .preview-copy{align-self:center;padding:30px 38px}.preview-copy small{color:var(--sapphire-500);font-weight:750;letter-spacing:.08em}
    .preview-copy h3{margin:9px 0;font-size:25px;letter-spacing:-.05em}.preview-copy p{margin:0;color:var(--ink-500);font-size:12px;line-height:1.65}
    .preview-features{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.preview-features span{padding:6px 9px;border-radius:6px;background:var(--sapphire-100);color:var(--sapphire-700);font-size:9px;font-weight:700}.preview-features span:nth-child(2){background:var(--rose-100);color:var(--rose-700)}
    .preview-ui{display:flex;align-items:center;justify-content:center;padding:23px;background:var(--sapphire-100)}
    .mini-public-page{width:min(100%,390px);padding:22px;border:1px solid white;border-radius:13px;background:white;box-shadow:0 11px 26px rgba(23,38,61,.08)}
    .mini-public-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:var(--ink-500);font-size:9px}.mini-public-head strong{color:var(--sapphire-700);font-size:10px}
    .mini-public-page h4{margin:0 0 5px;font-size:15px}.mini-public-page p{margin:0 0 11px;color:var(--ink-500);font-size:9px}
    .mini-service{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #EDF0F5;color:var(--ink-700);font-size:9px}.mini-service b{font-weight:650}
    .concept-tag{display:inline-block;padding:5px 8px;border-radius:5px;background:white;color:var(--ink-500);font-size:8px}
    .hero-note{margin:10px 0 0;color:var(--ink-500);font-size:9px;text-align:center}
    .platform-overview{padding:54px 0 76px;background:white}
    .platform-overview-grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:stretch;gap:28px}
    .overview-copy{padding:8px 0}.overview-copy h2{margin:14px 0 10px;font-size:clamp(29px,3.3vw,39px);line-height:1.08;letter-spacing:-.06em}.overview-copy>p{margin:0 0 22px;color:var(--ink-500);font-size:13px;line-height:1.65}
    .overview-accordion{border-top:1px solid var(--line)}.overview-item{border-bottom:1px solid var(--line)}
    .overview-trigger{width:100%;display:grid;grid-template-columns:36px 1fr 30px;align-items:center;gap:10px;padding:13px 0;border:0;background:transparent;color:var(--ink-900);text-align:left;cursor:pointer}
    .overview-number{color:#98A5B6;font-size:10px;font-weight:800;letter-spacing:.08em}.overview-name{font-size:14px;font-weight:730;letter-spacing:-.02em}.overview-arrow{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink-500);font-size:14px;transition:all .18s ease}
    .overview-item.is-active .overview-trigger{padding-bottom:7px}.overview-item.is-active .overview-number,.overview-item.is-active .overview-name{color:var(--sapphire-500)}.overview-item.is-active .overview-arrow{border-color:var(--sapphire-100);background:var(--sapphire-100);color:var(--sapphire-700)}
    .overview-detail{display:none;margin:0 35px 13px 46px;color:var(--ink-500);font-size:11px;line-height:1.6}.overview-item.is-active .overview-detail{display:block}
    .workspace-stage{position:relative;min-width:0;min-height:510px;overflow:hidden;border:1px solid #F6DCE7;border-radius:18px;background:var(--rose-100)}
    .workspace-shot{position:absolute;top:16%;left:3.2%;width:93.5%;min-width:0;overflow:hidden;border:1px solid #E7EAF0;border-radius:13px;background:white;box-shadow:0 13px 34px rgba(23,38,61,.09);transform:scale(1.36);transform-origin:top left}
    .workspace-product-image{position:absolute;inset:0;display:none;width:100%;height:100%;object-fit:cover;pointer-events:none}
    .workspace-stage.workspace-stage--screenshot .workspace-shot{top:16%;left:3.2%;width:auto;height:calc(84% - 24px);aspect-ratio:2862 / 1372;transform:none}
    .workspace-shot--screenshot .workspace-product-image--en.is-visible{display:block}
    html[data-petos-region="hk"] .workspace-shot--screenshot .workspace-product-image--en.is-visible,
    html[data-petos-region="tw"] .workspace-shot--screenshot .workspace-product-image--en.is-visible,
    html[data-petos-region="mo"] .workspace-shot--screenshot .workspace-product-image--en.is-visible{display:none}
    html[data-petos-region="hk"] .workspace-shot--screenshot .workspace-product-image--zh.is-visible,
    html[data-petos-region="tw"] .workspace-shot--screenshot .workspace-product-image--zh.is-visible,
    html[data-petos-region="mo"] .workspace-shot--screenshot .workspace-product-image--zh.is-visible{display:block}
    .workspace-crm-detail-overlay{position:absolute;z-index:2;top:9%;right:0;display:block;width:54%;height:auto;overflow:hidden;border:1px solid #e7eaf0;border-radius:12px;background:#fff;box-shadow:0 18px 38px rgba(23,38,61,.2);opacity:0;pointer-events:none;visibility:hidden}
    .workspace-crm-detail-overlay.is-visible{opacity:1;visibility:visible}
    .workspace-topbar{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #EDF0F5;color:var(--ink-500);font-size:9px}
    .workspace-brand{display:flex;align-items:center;gap:7px;color:var(--sapphire-700);font-weight:800}.workspace-brand img{display:block;width:58px;height:auto}.workspace-profile{display:flex;align-items:center;gap:8px}.workspace-avatar{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--rose-100);color:var(--rose-700);font-size:8px;font-weight:800}
    .workspace-body{min-height:426px;display:grid;grid-template-columns:132px minmax(0,1fr)}.workspace-sidebar{padding:14px 8px;border-right:1px solid #EDF0F5;background:#FBFCFE}.workspace-side-label{margin:0 0 8px 7px;color:#A2AEBE;font-size:7px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.workspace-nav-item{display:flex;align-items:center;gap:7px;margin:2px 0;padding:7px;border-radius:6px;color:var(--ink-500);font-size:8px;line-height:1.3}.workspace-nav-item.active{background:var(--sapphire-100);color:var(--sapphire-700);font-weight:750}.workspace-nav-dot{width:6px;height:6px;flex:none;border-radius:2px;background:#B9C5D4}.workspace-nav-item.active .workspace-nav-dot{background:var(--sapphire-500)}
    .workspace-main{min-width:0;padding:16px;background:#FCFDFE}.workspace-main-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.workspace-main-head small{display:block;margin-bottom:5px;color:var(--sapphire-500);font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.workspace-main-head h3{margin:0 0 4px;font-size:17px;line-height:1.2;letter-spacing:-.04em}.workspace-main-head p{margin:0;color:var(--ink-500);font-size:8px;line-height:1.45}.workspace-action{flex:none;padding:7px 9px;border-radius:6px;background:var(--sapphire-500);color:white;font-size:8px;font-weight:700}
    .workspace-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}.workspace-highlight{min-width:0;padding:9px;border:1px solid #E8EDF4;border-radius:7px;background:white}.workspace-highlight small{display:block;margin-bottom:6px;color:var(--ink-500);font-size:7px}.workspace-highlight strong{display:block;overflow:hidden;color:var(--ink-900);font-size:9px;line-height:1.35;text-overflow:ellipsis}
    .workspace-records{padding:10px;border:1px solid #E8EDF4;border-radius:8px;background:white}.workspace-records-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;padding-bottom:8px;border-bottom:1px solid #EDF0F5;color:var(--ink-700);font-size:8px;font-weight:750}.workspace-records-head span:last-child{color:var(--sapphire-500);font-size:7px}.workspace-record{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #F1F3F6;color:var(--ink-500);font-size:7px}.workspace-record:last-child{border-bottom:0}.workspace-record strong{max-width:60%;overflow:hidden;color:var(--ink-700);font-size:7px;text-align:right;text-overflow:ellipsis;white-space:nowrap}
    .workspace-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;color:var(--ink-500);font-size:8px}.workspace-caption span:first-child{color:var(--rose-700);font-weight:700}
    .module-section{padding:90px 0 98px;background:white}
    .module-head{max-width:750px;margin:0 auto 35px;text-align:center}
    .module-head h2{margin:12px 0 12px;font-size:clamp(32px,4vw,47px);line-height:1.1;letter-spacing:-.06em}
    .module-head p{max-width:680px;margin:0 auto;color:var(--ink-500);font-size:14px;line-height:1.7}
    .module-head .text-link{display:inline-flex;gap:8px;margin-top:14px;color:var(--sapphire-500);font-size:12px;font-weight:750}
    .moment-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:420px;gap:16px}
    .moment-card{min-width:0;height:100%;display:flex;flex-direction:column;padding:22px;border-radius:17px;background:#E8F0FC}
    .moment-card:nth-child(1){grid-column:1/span 8}.moment-card:nth-child(2){grid-column:9/span 4}
    .collage-6{grid-template-columns:repeat(3,minmax(0,1fr))}.collage-6 .moment-card{grid-column:auto;display:flex;flex-direction:column}
    .collage-4 .moment-card:nth-child(3){grid-column:1/span 5}.collage-4 .moment-card:nth-child(4){grid-column:6/span 7}
    .collage-5 .moment-card:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.6fr);align-items:center;gap:28px}
    .collage-5 .moment-card:nth-child(4){grid-column:1/span 5}.collage-5 .moment-card:nth-child(5){grid-column:6/span 7}
    .moment-copy{min-height:112px;margin-bottom:13px;flex:none}
    #module-01 .moment-demo-link{display:inline-flex;align-items:center;gap:4px;margin-top:8px;color:var(--sapphire-500);font-size:11px;font-weight:750;text-decoration:none}#module-01 .moment-demo-link:hover{text-decoration:underline;text-underline-offset:3px}#module-01 .moment-demo-link:focus-visible{outline:2px solid var(--sapphire-500);outline-offset:3px}
    .collage-5 .moment-card:nth-child(3) .moment-copy{min-height:0;margin:0}
    .collage-5 .moment-card:nth-child(3) .moment-visual{width:100%;height:100%}
    .moment-kicker{display:block;margin-bottom:7px;color:var(--sapphire-500);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
    /* Match the offset sequence across the first two six-card grids. */
    .moment-copy h3{margin:0 0 7px;font-size:16px;letter-spacing:-.03em}.moment-copy p{margin:0;color:var(--ink-500);font-size:11px;line-height:1.6}
    .moment-visual{min-height:0;flex:1;padding:15px;border:1px solid #E2E8F1;border-radius:12px;background:white}
    .screen-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid #EDF0F5;color:var(--ink-500);font-size:8px}
    .screen-head strong{color:var(--ink-700);font-size:9px;font-weight:750}.screen-chip{padding:4px 6px;border-radius:5px;background:var(--sapphire-100);color:var(--sapphire-700);font-size:7px;font-weight:750;white-space:nowrap}
    .ui-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 1px;border-bottom:1px solid #F0F2F6;color:var(--ink-700);font-size:8px}
    .ui-row:last-child{border-bottom:0}.ui-row b{color:var(--ink-900);font-size:8px;font-weight:700;text-align:right}.ui-row .soft{color:var(--ink-500);font-weight:500}
    .ui-pill{display:inline-block;margin:3px 3px 0 0;padding:4px 6px;border-radius:5px;background:var(--sapphire-100);color:var(--sapphire-700);font-size:7px;font-weight:700}
    .ui-pill.rose{background:var(--rose-100);color:var(--rose-700)}
    .ui-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ui-box{padding:9px;border:1px solid #EDF0F5;border-radius:8px;background:#FCFDFE}.ui-box strong{display:block;margin-bottom:5px;font-size:8px}.ui-box span{color:var(--ink-500);font-size:7px;line-height:1.45}
    .ui-flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ui-flow span{padding:6px 8px;border:1px solid #E6EBF2;border-radius:6px;color:var(--ink-700);background:white;font-size:7px}.ui-flow i{color:var(--sapphire-500);font-size:9px;font-style:normal}
    .ui-action{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:6px 9px;border-radius:6px;background:var(--sapphire-500);color:white;font-size:7px;font-weight:750}.ui-action.rose{background:var(--rose-500)}
    .section-links{padding:76px 0;background:white}
    .section-links h2{margin:11px 0 10px;font-size:34px;letter-spacing:-.055em}.section-links .intro{max-width:660px;margin-bottom:25px;color:var(--ink-500);font-size:13px;line-height:1.7}
    .shop-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
    .shop-link{position:relative;isolation:isolate;min-height:230px;display:flex;align-items:flex-end;overflow:hidden;padding:21px;border:0;border-radius:14px;background:#243954;color:white;box-shadow:0 5px 16px rgba(23,38,61,.07);transition:transform .2s ease,box-shadow .2s ease}
    .shop-link:before,.shop-link:after{position:absolute;z-index:-1;inset:0;content:""}
    .shop-link:before{background-image:var(--card-image);background-position:center;background-size:cover;transition:transform .45s ease}
    .shop-link:after{background:linear-gradient(180deg,rgba(13,31,55,.02) 12%,rgba(13,31,55,.2) 43%,rgba(13,31,55,.86) 100%)}
    .shop-link:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(23,38,61,.18)}.shop-link:hover:before{transform:scale(1.045)}
    .shop-link-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;width:100%}.shop-link strong{max-width:260px;font-size:19px;line-height:1.2;letter-spacing:-.035em}.shop-link-copy>span{flex:none;width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:17px;transition:background .2s ease,color .2s ease}.shop-link:hover .shop-link-copy>span{background:white;color:var(--sapphire-700)}
    .guide-section{padding:73px 0;background:var(--cloud-50)}
    .guide-head{max-width:680px;margin-bottom:24px}.guide-head h2{margin:10px 0;font-size:34px;letter-spacing:-.055em}.guide-head p{color:var(--ink-500);font-size:13px;line-height:1.65}
    .guide-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.guide-toolbar>a{color:var(--sapphire-500);font-size:11px;font-weight:750}.guide-controls{display:flex;gap:7px}.guide-controls button{width:34px;height:34px;border:1px solid #D7E1EF;border-radius:50%;background:white;color:var(--sapphire-700);font-size:17px;cursor:pointer}.guide-controls button:hover{border-color:var(--sapphire-500);background:var(--sapphire-100)}
    .guide-links{display:grid;grid-auto-columns:calc((100% - 32px)/3);grid-auto-flow:column;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding:1px 1px 9px}.guide-links::-webkit-scrollbar{display:none}
    .guide-link{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #E0E8F2;border-radius:12px;background:white;box-shadow:0 4px 15px rgba(23,38,61,.045);scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease}.guide-link:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(23,38,61,.1)}
    .guide-image{height:168px;display:block;background-color:#DDE8F7;background-image:var(--guide-image);background-position:center;background-size:cover}.guide-link-copy{min-height:119px;display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:15px 16px 16px}.guide-category{margin-bottom:8px;color:var(--sapphire-500);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.guide-link strong{color:var(--ink-900);font-size:14px;line-height:1.4;letter-spacing:-.02em}.guide-arrow{margin-top:auto;padding-top:14px;color:var(--sapphire-500);font-size:12px;font-weight:800}
    .close-section{position:relative;isolation:isolate;overflow:visible;padding:0 0 88px;background:var(--cloud-50)}
    .close-section>.wrap{position:relative;z-index:1}
    .close{position:relative;min-height:330px;padding:48px 52px;border-radius:17px;background:var(--sapphire-700);color:white}
    .close-copy{position:relative;z-index:2;max-width:610px}
    .close-banner-art{position:absolute;z-index:1;top:-60px;right:-1.7%;display:block;width:52.5%;height:auto;pointer-events:none;user-select:none}
    .close h2{max-width:700px;margin:12px 0;font-size:42px;line-height:1.12;letter-spacing:-.06em}.close p{max-width:650px;margin-bottom:22px;color:#D7E5FA;font-size:13px;line-height:1.7}
    .close .eyebrow{color:#C9DFFF}.close .button{background:white;color:var(--sapphire-700)}.close .button.ghost{margin-left:7px;border:1px solid rgba(255,255,255,.35);background:transparent;color:white;box-shadow:none}
    footer{padding:22px 0;border-top:1px solid var(--line);background:white}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--ink-500);font-size:10px}.footer-nav{display:flex;gap:18px}
    .prototype-label{position:fixed;z-index:10;right:14px;bottom:14px;padding:9px 11px;border:1px solid #F5D6E4;border-radius:8px;background:white;color:var(--rose-700);box-shadow:0 6px 18px rgba(23,38,61,.1);font-size:9px;font-weight:750}
    @media(min-width:1101px) and (max-width:1400px){.hero-vignette{width:min(27vw,365px)}.hero-vignette--left{top:210px}.hero-vignette--right{top:calc(210px + min(29.639vw,400.68px) - min(25vw,350px));width:min(30vw,420px)}.close-copy{max-width:540px}.close-banner-art{width:min(47.5%,559.91px)}}
    @media(max-width:1250px){.hero-vignette{display:none}.hero-mobile-art{display:block;position:relative;left:50%;width:972px;max-width:none;height:auto;margin:-10px 0 18px;transform:translateX(-50%);pointer-events:none;user-select:none}.hero-actions{margin-bottom:10px}}
    @media(max-width:1235px){.close-section{padding-bottom:96px}.close{display:flow-root;min-height:0;padding-bottom:0}.close-copy{max-width:none}.close-banner-art{position:relative;top:auto;right:auto;width:min(66.5%,464.61px);margin:-24px -2% -64px auto}}
    @media(max-width:900px){.wrap{width:calc(100% - 40px)}.navlinks{gap:17px}.hero-vignette{display:none}.hero-mobile-art{width:729px}.platform-overview-grid{grid-template-columns:minmax(230px,.82fr) minmax(0,1.18fr);gap:18px}.workspace-stage{min-height:480px}.workspace-shot{top:12%;left:3%;width:94%;transform:scale(1.28)}.workspace-body{grid-template-columns:112px minmax(0,1fr)}.workspace-sidebar{padding:11px 6px}.workspace-nav-item{font-size:7px}.collage-4 .moment-card:nth-child(3){grid-column:1/span 5}.collage-4 .moment-card:nth-child(4){grid-column:6/span 7}.collage-5 .moment-card:nth-child(3){grid-template-columns:minmax(170px,.72fr) minmax(0,1.6fr);gap:18px}.module-section{padding:76px 0}}
    @media(max-width:680px){
      .wrap{width:calc(100% - 34px)}.topbar{height:64px}.brand{font-size:21px}.menu-toggle{display:block}
      .navlinks{display:none;position:absolute;z-index:5;top:63px;left:0;right:0;padding:12px 18px;border-bottom:1px solid var(--line);background:white;flex-direction:column;align-items:stretch;gap:0}
      .navlinks.open{display:flex}.navlinks a{padding:12px 3px;border-bottom:1px solid #F0F2F6}.nav>.button{display:none}
      .hero{padding:54px 0 60px}h1{font-size:clamp(39px,11vw,55px)}.hero-copy{font-size:14px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .button{width:min(100%,300px)}.hero-mobile-art{width:470px;margin:0 0 12px}
      .preview-page{aspect-ratio:auto;grid-template-columns:1fr}.preview-copy{padding:22px 18px}.preview-copy h3{font-size:21px}.preview-ui{padding:15px}.mini-public-page{width:100%}
      .platform-overview{padding:46px 0 57px}.platform-overview-grid{grid-template-columns:1fr;gap:23px}.overview-copy h2{max-width:520px;font-size:34px}.overview-copy>p{max-width:520px}.overview-trigger{padding:11px 0}.overview-name{font-size:13px}.workspace-stage{height:430px;min-height:0;border-radius:14px}.workspace-shot{top:9%;left:4%;width:92%;transform:scale(1.32)}.workspace-body{min-height:345px;grid-template-columns:96px minmax(0,1fr)}.workspace-sidebar{padding:10px 5px}.workspace-side-label{font-size:6px}.workspace-nav-item{gap:5px;padding:6px 4px;font-size:6px}.workspace-main{padding:12px}.workspace-main-head h3{font-size:15px}.workspace-highlight{padding:7px}.workspace-caption{font-size:7px}
      .module-section{padding:63px 0 69px}.module-head{margin-bottom:23px;text-align:left}.module-head h2{font-size:34px}.module-head p{font-size:12px}.module-head .text-link{margin-top:11px}
      .moment-grid{grid-template-columns:1fr;grid-auto-rows:370px;gap:11px}.moment-card,.collage-4 .moment-card,.collage-5 .moment-card,.collage-6 .moment-card{grid-column:1/-1!important;display:flex;flex-direction:column;gap:0;height:100%;padding:16px;border-radius:14px}.collage-5 .moment-card:nth-child(3){display:flex;grid-template-columns:none;align-items:stretch;gap:0}.moment-copy,.collage-5 .moment-card .moment-copy{min-height:120px;margin-bottom:12px}.moment-copy h3{font-size:15px}.moment-visual,.collage-5 .moment-card .moment-visual,.collage-5 .moment-card:nth-child(3) .moment-visual{width:auto;height:auto;min-height:0;flex:1;padding:12px}
      .shop-links{grid-template-columns:1fr 1fr;gap:11px}.shop-link{min-height:185px;padding:15px;border:0;border-radius:11px}.shop-link strong{font-size:15px}.shop-link-copy>span{width:27px;height:27px;font-size:15px}.section-links h2,.guide-head h2{font-size:29px}.guide-links{grid-auto-columns:minmax(245px,78%);gap:12px}.guide-image{height:155px}.guide-link-copy{min-height:112px;padding:13px}.guide-toolbar{margin-top:4px}.guide-controls button{width:44px;height:44px}
      .close-section{padding:0 0 70px;background:var(--cloud-50)}
      .close{padding:32px 22px 0}.close-banner-art{width:min(99.75%,418px);margin:-4px auto -48px}.close h2{font-size:34px}.close p{font-size:12px}.close .button,.close .button.ghost{width:100%;margin:0 0 9px}.footer-row{align-items:flex-start;flex-direction:column}.footer-nav{flex-wrap:wrap;gap:13px}
      .prototype-label{position:static;width:max-content;max-width:calc(100% - 34px);margin:0 auto 20px;font-size:9px;text-align:center;box-shadow:none}
    }
    @media(min-width:481px) and (max-width:680px){.hero-mobile-art{width:616px}.hero h1{font-size:clamp(39px,8vw,48px)}}
    @media(max-width:360px){.hero-mobile-art{width:421px}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
    @media(max-width:900px){.workspace-stage.workspace-stage--screenshot .workspace-shot{top:12%;left:3%;height:calc(88% - 24px)}}
    @media(max-width:680px){.workspace-stage.workspace-stage--screenshot .workspace-shot{top:9%;left:4%;height:calc(91% - 16px)}}
    @media(max-width:680px){.workspace-crm-detail-overlay{top:3%}}