:root{--bg:#f5f5f7;--ink:#1d1d1f;--muted:#6e6e73;--line:#dcdcdf;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #858585;outline-offset:5px}[hidden]{display:none!important}em{font-style:normal;color:inherit}.wrap{width:min(1300px,100%);padding-inline:60px;margin-inline:auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:absolute;top:-100px;left:20px;z-index:20;background:white;color:black;padding:15px}.skip-link:focus{top:10px}.header{width:100%;max-width:none;background:#08090a;color:#f5f5f7;height:76px;padding-inline:max(40px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #222}.wordmark{display:inline-flex;align-items:center;font-size:22px;letter-spacing:-1px;font-weight:750;white-space:nowrap}.wordmark>span{font-weight:450}.wordmark img{width:34px;height:34px;margin-right:10px;object-fit:contain}.header nav{display:flex;gap:32px;font-size:12px;color:#b7b7ba}.header nav a:hover{color:white}.status{display:inline-flex;align-items:center;gap:8px;font-size:11px;background:#efeff0;color:#242424;padding:8px 13px;border-radius:30px}.dot{height:5px;width:5px;border-radius:50%;background:currentColor;display:inline-block}.opening{background:#08090a;color:#f5f5f7;overflow:hidden}.hero{text-align:center;padding-top:44px;position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.09em;line-height:1.6}.hero .eyebrow{font-size:13px;letter-spacing:.07em;color:#aaaab0;margin:0 0 21px}.hero .eyebrow span{margin-inline:9px}.hero h1{font-size:clamp(60px,6.2vw,88px);font-weight:650;letter-spacing:-.065em;line-height:1.04;margin:0}.hero h1>span{color:#aaaeb3}.hero-description{font-size:18px;font-weight:450;line-height:1.45;letter-spacing:-.025em;margin:24px 0 0;color:#aeb0b5}.hero-actions{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;border-radius:30px;padding:13px 23px;min-height:46px;background:#f5f5f7;color:#1d1d1f;font-size:13px;font-weight:550;transition:transform .2s,background .2s}.button:hover{background:white;transform:translateY(-2px)}.hero-explore{font-size:13px;color:#ddd;min-height:44px;display:inline-flex;align-items:center;gap:8px}.hero-explore:hover{text-decoration:underline}.hero-scene{position:relative;max-width:1440px;margin:42px auto 0;padding:0 85px 42px;isolation:isolate}.orbit{position:absolute;z-index:-1;border:1px solid #4b4e53;border-radius:50%;pointer-events:none;width:1350px;height:460px;left:50%;top:60px;transform:translateX(-50%) rotate(-13deg);opacity:.35;box-shadow:0 -12px 60px #c1c6cc0a}.orbit-two{width:1650px;height:600px;top:30px;opacity:.15}.hero-device{max-width:1040px;margin:auto;position:relative;padding:12px 12px 0;background:linear-gradient(125deg,#83868b,#1f2023 22%,#111 75%,#72767b);border:1px solid #a8a9ac;border-bottom:0;border-radius:23px 23px 0 0;box-shadow:0 0 90px #c2d1e00b,0 45px 75px #000}.device-screen{border:2px solid #080808;overflow:hidden;background:#f9f9fa;color:#29292d;border-radius:12px 12px 0 0;position:relative}.scene-toolbar{height:35px;background:#ececee;display:flex;align-items:center;justify-content:space-between;padding-inline:18px;font-size:9px;border-bottom:1px solid #dedee1;color:#777}.scene-dots{letter-spacing:3px;color:#a5a5aa}.scene-body{display:grid;grid-template-columns:162px 1fr;min-height:410px}.scene-sidebar{padding:24px 15px;background:linear-gradient(150deg,#dedee3,#ededef);border-right:1px solid #d7d7dc;display:flex;flex-direction:column;gap:7px}.scene-sidebar img{border-radius:10px;margin:0 0 21px 9px}.scene-sidebar>span{font-size:11px;padding:10px;color:#6d6d73}.scene-sidebar .scene-nav-active{color:#27272a;background:#fff9;border-radius:7px;box-shadow:0 2px 3px #00000004}.scene-sidebar small{font-size:8px;margin-top:auto;color:#818187;padding-left:10px}.scene-main{padding:36px 37px 26px;min-width:0}.scene-kicker{font-size:8px;letter-spacing:.12em;color:#85858b;margin:0 0 12px}.scene-main h2{font-size:32px;letter-spacing:-1.4px;font-weight:600;margin:0 0 8px}.scene-subtitle{font-size:11px;color:#85858b;margin:0}.scene-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:27px;margin-top:30px}.scene-agenda>p{display:flex;justify-content:space-between;font-size:8px;color:#85858b;margin:0 0 15px;letter-spacing:.04em}.scene-agenda>p>span{letter-spacing:0}.scene-agenda>div{display:flex;gap:20px;padding:16px 0;border-top:1px solid #e2e2e6;font-size:10px;font-weight:550}.scene-agenda time{font-size:9px;color:#85858b;font-weight:400}.scene-agenda small{display:block;font-size:8px;color:#85858b;margin-top:7px;font-weight:400}.scene-note{background:linear-gradient(135deg,#dedee3,#f1f1f3);border:1px solid #dedee1;padding:19px 20px;border-radius:10px}.scene-note>span{font-size:7px;letter-spacing:.06em;color:#75757d}.scene-note h3{font-size:26px;font-weight:550;letter-spacing:-1px;line-height:1.16;margin:18px 0 12px}.scene-note p{font-size:9px;line-height:1.6;color:#76767d}.scene-note small{font-size:8px}.scene-input{margin-top:20px;border:1px solid #dddde2;border-radius:9px;padding:12px 15px;font-size:10px;color:#939399;display:flex;justify-content:space-between;align-items:center;background:white}.scene-input>span{font-size:15px;color:#37373b}.device-base{position:relative;width:calc(100% + 118px);margin-left:-59px;height:20px;border-radius:2px 2px 65% 65%/2px 2px 90% 90%;background:linear-gradient(#dadcdf,#9a9ca1 50%,#55575c 70%,#1b1c1f);box-shadow:0 7px 12px #0008}.device-base:before{content:'';position:absolute;width:16%;height:7px;left:42%;background:#717379;border-radius:0 0 10px 10px;box-shadow:0 -1px 3px #3338 inset}.floating-thought{position:absolute;right:45px;top:56%;background:#242527ed;border:1px solid #696a6e;box-shadow:0 20px 50px #0006;border-radius:16px;padding:22px 25px;backdrop-filter:blur(18px);transform:rotate(-3deg)}.floating-thought>span{font-size:8px;letter-spacing:.09em;color:#aaaeb4}.floating-thought p{font-size:16px;letter-spacing:-.3px;margin:12px 0}.floating-thought small{font-size:10px;color:#b1b2b8}.scene-caption{text-align:center;font-size:12px;color:#b5b5bc;margin:43px 0 0}.scene-caption small{display:block;margin-top:9px;font-size:9px;color:#77777e}.intro-section{padding-block:132px 95px}.intro-section .eyebrow{color:var(--muted);margin-bottom:28px}.intro-section h2,.section-heading h2,.context-copy h2,.details-section h2{font-size:clamp(44px,4.7vw,68px);letter-spacing:-.052em;line-height:1.06;font-weight:650;margin:0}.intro-section>p:last-child{font-size:21px;font-weight:500;letter-spacing:-.025em;color:var(--muted);line-height:1.5;margin:28px 0 0}.workspace-section{padding-bottom:90px}.tour-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.tour-heading h2{font-size:27px;letter-spacing:-.8px;font-weight:600;margin:0}.tour-heading p{font-size:13px;color:var(--muted)}.workspace{border:1px solid #ddd;border-radius:18px;box-shadow:0 20px 70px #0000000c}.mini-brand-mark{display:block;width:29px;height:36px;flex-shrink:0;background:var(--preview-accent);mask:url('/personist-mark-v3.png') center/contain no-repeat;-webkit-mask:url('/personist-mark-v3.png') center/contain no-repeat}.mini-wordmark{font-family:var(--font)}.preview-panel h2{font-weight:600;letter-spacing:-1.2px}.product-tabs button{min-height:44px}.tour-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:11px;padding-top:20px}.tour-caption>span{font-size:10px}.features{background:#eaeaec;padding-block:105px 70px;overflow:hidden}.section-heading{margin-bottom:48px}.section-heading>.eyebrow{color:var(--muted);margin:0 0 18px}.section-heading>p:last-child:not(.eyebrow){font-size:19px;line-height:1.5;color:var(--muted);margin:24px 0 0}.feature-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;padding:0 max(40px,calc((100vw - 1180px)/2)) 20px;scroll-padding-inline:max(40px,calc((100vw - 1180px)/2))}.feature-gallery::-webkit-scrollbar{display:none}.feature-card{flex:0 0 430px;min-width:0;scroll-snap-align:start;border-radius:28px;overflow:hidden;padding:36px 32px 27px;background:white;display:flex;flex-direction:column}.feature-number{font-size:11px;letter-spacing:.08em;font-weight:600;color:#818186}.feature-card h3{font-size:34px;line-height:1.12;letter-spacing:-1.3px;margin:17px 0 0;font-weight:650}.feature-art{height:275px;margin:28px -8px 8px;display:flex;flex-direction:column;justify-content:center;font-size:12px}.feature-card>p{font-size:14px;line-height:1.65;color:#717176;margin:12px 0}.feature-card>a{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:12px;font-weight:550;margin-top:auto}.feature-card>a>span{width:29px;height:29px;border-radius:50%;background:#eeeeef;display:grid;place-items:center;font-size:16px}.feature-chat{background:#1c1c1e;color:#f5f5f7}.feature-chat>p{color:#aaaab0}.feature-chat>a>span{background:#39393c}.chat-art>div{background:#49494e;border:1px solid #606065;border-radius:18px 18px 5px 18px;padding:17px 18px;align-self:flex-end;font-size:12px;transform:rotate(-3deg)}.chat-art>p{display:flex;align-items:center;gap:10px;font-size:12px;color:#c7c7cb;margin:24px 0 16px}.small-mark{width:22px;height:26px;background:#ddd;mask:url('/personist-mark-v3.png') center/contain no-repeat}.chat-art>section{padding:22px;border:1px solid #515157;border-radius:14px;background:linear-gradient(130deg,#39393e,#29292c);box-shadow:0 20px 30px #0003}.chat-art>section>span{font-size:8px;letter-spacing:.1em;color:#a8a8b0}.chat-art b{display:block;font-size:16px;letter-spacing:-.3px;font-weight:500;margin:14px 0 18px}.chat-art small{font-size:9px;color:#aaaab0}.feature-projects{background:#fdfdfd}.project-sheet{background:#fff;border:1px solid #dddde2;border-radius:14px;padding:25px 22px;box-shadow:0 14px 35px #0000000c;transform:rotate(-5deg)}.project-sheet>span{font-size:8px;color:#8e8e96}.project-sheet>b{display:block;font-size:19px;font-weight:550;letter-spacing:-.6px;margin:17px 0}.project-sheet p{font-size:11px;border-top:1px solid #eee;padding-top:12px;color:#6d6d73;margin:12px 0}.floating-document{align-self:flex-end;display:flex;gap:14px;align-items:center;background:#e9e9ec;border:1px solid white;padding:18px;border-radius:12px;font-size:26px;transform:rotate(4deg);margin-top:-15px;box-shadow:0 10px 25px #00000012}.floating-document>span{font-size:11px}.floating-document small{display:block;color:#777;font-size:8px;margin-top:5px}.feature-wallet{background:#dbdcdf}.wallet-sheet{padding:25px;background:#f9f9fa;border:1px solid white;border-radius:18px;box-shadow:0 15px 45px #0000000e;transform:rotate(3deg)}.wallet-sheet>span{font-size:8px;letter-spacing:.07em;color:#777}.wallet-sheet>b{display:block;font-size:38px;letter-spacing:-1.5px;font-weight:550;margin:9px 0}.wallet-bars{height:65px;display:flex;align-items:flex-end;gap:9px;padding-bottom:10px}.wallet-bars i{width:30px;height:40%;background:#bfc0c5;border-radius:4px 4px 0 0}.wallet-bars i:nth-child(2){height:65%}.wallet-bars i:nth-child(3){height:45%}.wallet-bars i:nth-child(4){height:85%;background:#36363a}.wallet-bars i:nth-child(5){height:55%}.wallet-bars i:nth-child(6){height:100%;background:#59595f}.wallet-bars i:nth-child(7){height:75%}.wallet-sheet p{font-size:10px;border-top:1px solid #ddd;padding-top:12px;display:flex;justify-content:space-between}.wallet-sheet strong{font-weight:550}.gallery-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:20px}.gallery-controls>span{color:var(--muted);font-size:12px;margin-right:8px}.gallery-controls button{border:0;background:#d5d5d9;color:#29292e;width:40px;height:40px;border-radius:50%;font-size:21px}.gallery-controls button:disabled{opacity:.3;cursor:default}.context-section{background:#08090a;color:#f5f5f7;padding-block:105px 115px}.context-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:90px}.context-mark{display:block;width:160px;height:160px;object-fit:contain;filter:grayscale(1);margin:-30px 0 15px -32px;mask-image:radial-gradient(ellipse,#000 35%,transparent 70%)}.context-copy .eyebrow{color:#929297;font-size:11px;margin-bottom:21px}.context-copy h2{font-size:54px}.context-copy h2 em{color:#a8abb0}.context-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;color:#99999f;max-width:410px}.text-link{display:inline-flex;gap:15px;align-items:center;min-height:44px;font-size:13px}.text-link:hover{text-decoration:underline}.context-flow{background:linear-gradient(145deg,#292a2d,#151517);border:1px solid #48494c;border-radius:25px;padding:33px;box-shadow:0 25px 60px #0005}.context-source{text-align:center;padding-top:10px}.context-source .eyebrow{font-size:9px;color:#99999f}.context-source p{font-size:24px;line-height:1.35;letter-spacing:-.8px;font-weight:500;margin:25px 0}.context-connector{text-align:center;font-size:26px;color:#7e7e85;margin-bottom:24px}.context-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.context-pair>div{background:#2e2e32;border:1px solid #46464b;border-radius:13px;padding:22px}.context-pair .icon{color:#c6c6cd}.context-pair h3{font-size:17px;font-weight:550;margin:17px 0 10px}.context-pair p{font-size:11px;line-height:1.8;color:#b6b6be;margin:0}.context-verdict{display:flex;justify-content:center;align-items:center;gap:9px;font-size:12px;padding-top:28px}.context-flow>small{display:block;text-align:center;color:#85858d;font-size:9px;margin-top:18px}.details-section{padding-block:110px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.detail-grid article{background:#fff;padding:27px;border-radius:22px}.detail-art{height:170px;display:flex;align-items:center;justify-content:center;gap:10px}.detail-grid h3{font-size:21px;font-weight:600;letter-spacing:-.6px;margin:22px 0 13px}.detail-grid p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}.appearance-art{position:relative;padding-bottom:24px}.appearance-art>span{font-size:38px;background:#f5f5f7;border:1px solid #e3e3e8;padding:15px 20px;border-radius:12px;letter-spacing:-2px;transform:rotate(-7deg)}.appearance-art>span:nth-child(2){background:#252528;color:#f5f5f7;transform:rotate(7deg)}.appearance-art i{display:none}.document-art>span{background:#f5f5f7;padding:25px 20px;border:1px solid #ddd;border-radius:10px;transform:rotate(-8deg);font-size:13px}.document-art>span:last-child{background:#e4e4e7;transform:rotate(8deg)}.document-art b{display:block;font-size:28px;font-weight:400;margin-top:15px}.source-art{gap:7px}.source-art>span{background:#eeeef0;border:1px solid #ddd;border-radius:10px;padding:20px 10px;font-size:11px}.source-art i{font-style:normal}.integration{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:70px 110px;border-top:1px solid var(--line)}.integration h2{font-size:46px;line-height:1.1;letter-spacing:-2px;font-weight:600;margin:23px 0}.integration h2 em{color:#929299}.integration>div>p:not(.eyebrow){font-size:15px;line-height:1.65;color:var(--muted)}.integration .eyebrow{font-size:10px;color:var(--muted)}.integration-card{align-self:center;padding:38px;background:#fff;border-radius:25px;border:1px solid #e7e7eb}.tag{font-size:9px;letter-spacing:.06em;color:var(--preview-accent,var(--muted))}.integration-card h3{font-size:30px;line-height:1.15;letter-spacing:-1px;font-weight:550;margin:24px 0}.planned-login{width:100%;padding:15px;background:#ededf0;border:1px solid #dcdce1;border-radius:30px;color:#71717a;font-size:13px;cursor:not-allowed}.integration-card #login-status{text-align:center;font-size:10px;line-height:1.6;margin:12px 0 23px}.integration-note{border-top:1px solid #ddd;padding-top:20px;font-size:12px;color:var(--muted);line-height:1.65}.faq{border-top:1px solid var(--line);padding-block:80px;display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.faq .eyebrow{color:var(--muted);font-size:10px}.faq h2{font-size:38px;letter-spacing:-1.5px;line-height:1.1;font-weight:600}.faq-items details{border-bottom:1px solid var(--line);padding:23px 0}.faq-items details:first-child{padding-top:0}.faq-items summary{position:relative;padding-right:35px;list-style:none;cursor:pointer;font-size:15px;font-weight:550;line-height:1.5}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{position:absolute;right:5px;font-size:22px;top:-3px;font-weight:400}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items p{font-size:13px;color:var(--muted);line-height:1.8}.product-summary{border-top:1px solid var(--line);padding-block:38px 60px}.product-summary .eyebrow{color:var(--muted);font-size:9px}.product-summary h2{font-size:26px;letter-spacing:-.8px;font-weight:550}.product-summary>div{display:grid;grid-template-columns:1fr 1fr;gap:55px}.product-summary p{font-size:12px;line-height:1.75;color:var(--muted)}.closing{background:#08090a;color:#f5f5f7;padding-block:85px}.closing-layout{display:grid;grid-template-columns:.8fr 1fr;gap:75px;align-items:center}.brand-glow{width:100%;max-width:380px;height:auto;filter:grayscale(1);mask-image:radial-gradient(ellipse,#000 40%,transparent 70%);justify-self:center}.closing .eyebrow{font-size:10px;color:#99999f}.closing h2{font-size:62px;line-height:1.04;letter-spacing:-3px;font-weight:600;margin:25px 0}.closing h2 em{color:#acafb5}.early-access-intro{font-size:15px;color:#99999f;line-height:1.65}.closing-explore{margin-top:20px}.footer{display:flex;gap:30px;align-items:center;padding-block:32px}.footer .wordmark{font-size:20px}.footer p,.footer>span{font-size:10px;color:var(--muted)}.footer>span{margin-left:auto}
/* The signup stays hidden until the access path and contact address are confirmed. */
.early-access-form{margin-top:26px;text-align:left;position:relative}.signup-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signup-fields label{display:block;font-size:11px;margin-bottom:9px}.signup-fields input,.signup-fields select{width:100%;min-width:0;min-height:46px;border:1px solid #666;border-radius:7px;background:#2d2d30;color:#fafafa;font-size:12px;padding:11px 12px;color-scheme:dark}.signup-explanation,.signup-privacy p,.signup-consent{font-size:11px;color:#bdbdc2;line-height:1.8}.signup-privacy{border-block:1px solid #444;padding-block:12px;font-size:12px}.signup-consent{display:flex;gap:10px;margin-block:17px}.signup-consent input{accent-color:#bbb}.signup-submit{width:100%}.signup-submit:disabled{opacity:.5;cursor:not-allowed}.signup-status{font-size:11px;line-height:1.8}.signup-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1500px){.hero{padding-top:82px}.hero-scene{margin-top:70px}}
@media(max-width:1100px){.wrap{padding-inline:40px}.hero-scene{padding-inline:70px}.scene-body{grid-template-columns:135px 1fr;min-height:395px}.scene-main{padding:30px 25px 20px}.scene-main h2{font-size:29px}.scene-grid{gap:20px}.scene-agenda>div{gap:12px;font-size:9px}.scene-note h3{font-size:23px}.floating-thought{right:25px;padding:18px;top:60%}.floating-thought p{font-size:13px}.preview-content{padding:30px}.workspace-body{grid-template-columns:180px 1fr}.window-dots{width:140px}.today-grid{gap:23px}.context-layout{gap:45px}.context-copy h2{font-size:46px}.context-flow{padding:25px}.detail-grid{gap:18px}.detail-grid article{padding:22px}.source-art{flex-direction:column;gap:5px}.source-art>span{padding:10px 18px}.source-art i{transform:rotate(90deg)}.integration{gap:55px}.closing h2{font-size:54px}}
@media(max-width:800px){.header{padding-inline:28px}.header nav{gap:20px;font-size:11px}.hero{padding-top:55px}.hero h1{font-size:68px}.hero-scene{padding-inline:42px}.scene-body{grid-template-columns:115px 1fr;min-height:360px}.scene-sidebar{padding:20px 10px}.scene-sidebar>span{font-size:9px;padding:8px}.scene-main{padding:25px 20px}.scene-main h2{font-size:27px}.scene-grid{gap:15px;margin-top:24px}.scene-note{padding:15px}.scene-note h3{font-size:22px}.scene-agenda>div{font-size:8px;gap:9px}.scene-agenda time{font-size:8px}.floating-thought{right:12px;top:64%;padding:15px}.floating-thought small{font-size:8px}.device-base{width:calc(100% + 65px);margin-left:-32.5px}.preview-content{padding:25px}.today-grid{grid-template-columns:1fr .8fr;gap:18px}.workspace-body{grid-template-columns:155px 1fr}.window-dots{width:115px}.sidebar{padding-inline:8px}.mock-capture small{display:none}.context-layout{grid-template-columns:1fr;gap:45px}.context-copy{max-width:600px}.context-copy h2{font-size:60px}.context-copy>p:not(.eyebrow){max-width:520px}.context-flow{max-width:550px;width:100%;margin:auto}.detail-grid{grid-template-columns:1fr}.detail-grid article{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:center;padding:30px}.detail-art{grid-row:1/3;height:180px}.detail-grid h3{margin:0 0 12px;align-self:end}.detail-grid p{align-self:start}.source-art{flex-direction:row}.source-art i{transform:none}.source-art>span{padding:18px 10px}.integration{gap:30px}.integration h2{font-size:38px}.integration-card{padding:27px}.integration-card h3{font-size:26px}.faq{gap:30px;grid-template-columns:.8fr 1.2fr}.faq h2{font-size:32px}.closing-layout{gap:35px}.closing h2{font-size:48px}}
@media(max-width:700px){html{scroll-padding-top:25px}.wrap{padding-inline:25px}.header{height:68px;padding-inline:22px;gap:15px}.header nav{display:none}.wordmark{font-size:21px}.wordmark img{width:31px;height:31px;margin-right:7px}.status{font-size:10px;padding:8px 11px}.hero{padding-top:48px}.hero .eyebrow{font-size:10px;margin-bottom:24px}.hero h1{font-size:clamp(45px,10.8vw,72px);letter-spacing:-.065em}.hero-description{font-size:17px;line-height:1.5;margin-top:23px}.hero-actions{gap:15px;margin-top:24px}.button{font-size:12px;padding:12px 18px;gap:14px}.hero-explore{font-size:11px;gap:5px}.hero-scene{margin-top:44px;padding:0 16px 33px}.hero-device{padding:6px 6px 0;border-radius:13px 13px 0 0;max-width:570px}.device-screen{border-width:1px;border-radius:7px 7px 0 0}.scene-toolbar{height:23px;font-size:7px;padding-inline:10px}.scene-dots{letter-spacing:1px}.scene-body{grid-template-columns:66px 1fr;min-height:258px}.scene-sidebar{padding:16px 5px;gap:4px}.scene-sidebar img{width:22px;height:22px;border-radius:6px;margin:0 0 10px 7px}.scene-sidebar>span{font-size:6px;padding:7px 4px}.scene-sidebar small{display:none}.scene-main{padding:20px 15px 12px}.scene-kicker{font-size:5px;letter-spacing:.04em;margin-bottom:8px}.scene-main h2{font-size:21px;letter-spacing:-.8px;margin-bottom:7px}.scene-subtitle{font-size:7px}.scene-grid{grid-template-columns:1fr;gap:10px;margin-top:19px}.scene-note{display:none}.scene-agenda>p{font-size:5px;margin-bottom:10px}.scene-agenda>div{padding:11px 0;font-size:7px;gap:11px}.scene-agenda time{font-size:6px}.scene-agenda small{font-size:5px;margin-top:4px}.scene-input{font-size:6px;padding:7px 9px;margin-top:9px;border-radius:5px}.scene-input>span{font-size:10px}.device-base{width:calc(100% + 28px);margin-left:-14px;height:11px}.device-base:before{height:4px}.floating-thought{top:auto;bottom:110px;right:12px;border-radius:10px;padding:12px 15px;transform:rotate(-4deg);max-width:230px}.floating-thought>span{font-size:6px;letter-spacing:.04em}.floating-thought p{font-size:11px;margin:8px 0}.floating-thought small{font-size:7px}.scene-caption{font-size:10px;margin-top:57px}.scene-caption small{font-size:8px;margin-top:8px}.orbit{width:800px;height:280px;top:20px}.orbit-two{width:1000px;height:390px}.intro-section{padding-block:75px 48px}.intro-section .eyebrow{font-size:8px;letter-spacing:.06em;margin-bottom:24px}.intro-section h2,.section-heading h2,.details-section h2{font-size:42px;line-height:1.07;letter-spacing:-2px}.intro-section>p:last-child{font-size:17px;line-height:1.55;margin-top:22px}.desktop-break{display:none}.workspace-section{padding-bottom:55px}.tour-heading{display:block;margin-bottom:20px}.tour-heading h2{font-size:24px}.tour-heading p{font-size:12px;margin-bottom:0}.workspace{border-radius:13px}.workspace-body{display:block;min-height:0}.window-bar{height:41px;padding:0 12px;gap:12px;font-size:8px}.window-dots{width:auto;gap:4px}.window-dots i{width:6px;height:6px}.sidebar{display:block;border-right:0;border-bottom:1px solid var(--preview-line);padding:0}.mini-wordmark,.mock-capture,.sidebar-label,.sidebar-bottom{display:none}.product-tabs{flex-direction:row;overflow-x:auto;padding:8px;gap:3px;scrollbar-width:thin;scrollbar-color:#ccc transparent}.product-tabs button{flex-shrink:0;min-height:42px;padding:9px 10px;font-size:10px;gap:6px}.product-tabs .icon{width:14px;height:14px}.tab-dot{display:none!important}.preview-content{padding:25px 20px;min-height:565px}.preview-panel h2{font-size:29px;line-height:1.2;letter-spacing:-1px}.preview-eyebrow{font-size:8px}.preview-intro{font-size:11px;margin-bottom:25px}.today-grid{grid-template-columns:1fr;gap:22px}.agenda-item{gap:20px;padding:14px 0}.agenda-item b{font-size:11px}.daily-note{display:none}.today-side{display:grid;grid-template-columns:1fr 1fr;gap:10px}.today-side>.section-label{grid-column:1/-1;margin-bottom:0}.preview-card{padding:13px;margin:0}.preview-card h3{font-size:12px;line-height:1.5}.preview-card p{font-size:10px}.workspace-footer{font-size:7px;padding:12px;line-height:1.6}.workspace-footer>span:last-child{display:none}.tour-caption{display:block;text-align:center;padding-top:14px;font-size:10px;line-height:1.7}.tour-caption>span{font-size:8px;display:block}.chat-bubble{margin-left:15px;font-size:11px;padding:14px}.assistant-message{font-size:11px}.proposal{padding:15px}.proposal-footer{font-size:8px}.project-breadcrumb{font-size:9px;line-height:1.8}.project-breadcrumb span{margin-inline:4px}.project-overview{gap:10px;flex-wrap:wrap}.project-overview h3{font-size:14px}.project-overview>.tag{font-size:7px}.project-columns{grid-template-columns:1fr;gap:18px;margin-top:20px}.task-row{padding-block:9px}.wallet-stats{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:24px}.wallet-stats>div{padding:15px 12px}.wallet-stats>div:last-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.wallet-stats>div:last-child span{margin:0}.wallet-stats b{font-size:23px}.payment{gap:9px}.payment b{font-size:10px}.payment strong{font-size:12px}.payment>.tag{display:none}.payment-icon{width:25px}.sample-filters{gap:0}.sample-filters>span{font-size:8px;padding:7px 9px}.memory-record h3{font-size:13px}.twin-record{padding:17px}.twin-record>.tag{font-size:7px}.twin-record h3{font-size:16px}.sample-decisions{gap:6px}.sample-decisions span{font-size:8px;padding:8px}.features{padding-block:65px 38px}.section-heading{margin-bottom:32px}.section-heading>.eyebrow{font-size:9px}.section-heading>p:last-child:not(.eyebrow){font-size:16px;margin-top:20px}.feature-gallery{gap:16px;padding-inline:25px;scroll-padding-inline:25px}.feature-card{flex-basis:min(84vw,400px);padding:29px 25px 22px;border-radius:23px}.feature-number{font-size:10px}.feature-card h3{font-size:30px;letter-spacing:-1.3px}.feature-art{height:265px;margin-top:20px}.feature-card>p{font-size:13px}.chat-art>div{font-size:10px;padding:16px}.chat-art>p{font-size:10px}.chat-art b{font-size:14px}.project-sheet{padding:21px 18px}.project-sheet b{font-size:17px}.project-sheet p{font-size:9px}.floating-document{font-size:21px;padding:15px}.floating-document>span{font-size:10px}.wallet-sheet{padding:22px}.gallery-controls{padding-top:10px}.context-section{padding-block:70px}.context-layout{gap:35px}.context-mark{width:135px;height:135px;margin:-25px 0 5px -25px}.context-copy h2{font-size:43px;letter-spacing:-2px}.context-copy>p:not(.eyebrow){font-size:15px}.context-flow{padding:23px;border-radius:20px}.context-source p{font-size:22px}.context-pair{gap:10px}.context-pair>div{padding:19px 14px}.context-pair h3{font-size:16px}.context-pair p{font-size:10px}.context-flow>small{font-size:8px}.details-section{padding-block:68px}.detail-grid article{display:block;padding:25px}.detail-art{height:180px}.detail-grid h3{font-size:23px;margin:15px 0 13px}.detail-grid p{font-size:14px}.source-art>span{padding:20px 12px}.integration{grid-template-columns:1fr;gap:25px;padding-block:50px 65px}.integration h2{font-size:41px;letter-spacing:-2px}.integration>div>p:not(.eyebrow){font-size:14px}.integration-card{padding:28px}.integration-card h3{font-size:30px}.faq{grid-template-columns:1fr;gap:30px;padding-block:55px}.faq h2{font-size:37px;margin:20px 0 0}.faq-items summary{font-size:14px}.faq-items p{font-size:12px}.product-summary{padding-block:30px 45px}.product-summary h2{font-size:25px}.product-summary>div{grid-template-columns:1fr;gap:0}.product-summary p{font-size:11px}.closing{padding-block:30px 65px;text-align:center}.closing-layout{grid-template-columns:1fr;gap:5px}.brand-glow{width:220px}.closing h2{font-size:49px;letter-spacing:-2.5px}.closing .eyebrow{font-size:9px}.early-access-intro{font-size:13px}.footer{flex-wrap:wrap;gap:10px 22px;padding-block:25px}.footer p{font-size:9px}.footer>span{width:100%;margin:5px 0 0;font-size:9px}.signup-fields{grid-template-columns:1fr}.signup-fields input,.signup-fields select{font-size:16px}}
@media(max-width:380px){.wrap{padding-inline:21px}.hero-actions{gap:10px}.hero-explore{font-size:10px}.button{padding-inline:15px}.preview-content{padding:24px 16px}.preview-panel h2{font-size:26px}.hero-description{font-size:16px}.scene-main{padding-inline:12px}.scene-main h2{font-size:19px}.feature-card{padding-inline:22px}.feature-card h3{font-size:27px}.context-copy h2{font-size:39px}.context-flow{padding:19px}.context-source p{font-size:21px}.context-pair>div{padding:17px 12px}.closing h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.wallet-breakdown{display:flex;gap:30px;padding:13px 0 5px;color:#888;font-size:8px}.wallet-breakdown b{display:block;color:#3d3d42;font-size:13px;font-weight:500;margin-top:6px}

/* One interactive product tour, inside the hero's device frame. */
.hero-tour .hero-device{max-width:1130px}
.hero-tour .workspace{border:1px solid #181818;border-radius:12px 12px 0 0;box-shadow:none}
.hero-tour .workspace-body{min-height:535px}
.hero-tour .preview-content{padding-top:33px}
.hero-tour .scene-caption p{margin:0}
.preview-greeting{font-size:12px;color:var(--preview-muted);margin:0 0 10px}
.preview-profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--preview-line);margin-top:20px;padding:17px 5px 0}
.profile-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--preview-soft);color:var(--preview-accent);font-size:12px;flex-shrink:0}
.preview-profile b{font-size:12px;font-weight:550;display:block}
.preview-profile small{display:block;color:var(--preview-muted);font-size:9px;margin-top:4px}
.preview-profile>.icon{width:15px;height:15px;margin-left:auto;color:var(--preview-muted)}
@media(max-width:800px) and (min-width:701px){.hero-tour .sidebar-bottom{padding-inline:4px}.hero-tour .mini-wordmark b{font-size:16px}.hero-tour .preview-panel h2{font-size:30px}}
@media(max-width:700px){
 .hero-tour{padding-inline:18px}
 .hero-tour .workspace{border-radius:7px 7px 0 0}
 .hero-tour .workspace-body{min-height:0}
 .hero-tour .sidebar{display:grid;grid-template-columns:1fr auto;padding-top:12px}
 .hero-tour .mini-wordmark{display:flex;padding:0 12px;letter-spacing:-1px;align-self:center}
 .hero-tour .mini-brand-mark{width:20px;height:25px}
 .hero-tour .mini-wordmark b{font-size:16px;margin-left:7px}
 .hero-tour .preview-profile{grid-column:2;grid-row:1;border:0;margin:0;padding:0 13px 0 0;gap:7px}
 .hero-tour .profile-avatar{width:26px;height:26px;font-size:10px;border-radius:8px}
 .hero-tour .preview-profile b{font-size:11px}
 .hero-tour .preview-profile small,.hero-tour .preview-profile>.icon{display:none}
 .hero-tour .product-tabs{grid-column:1/-1;min-width:0;margin-top:10px}
 .hero-tour .preview-content{padding-top:25px;min-height:595px}
 .hero-tour .scene-caption{margin-top:25px;line-height:1.8}
 .hero-tour .scene-caption small{font-size:8px}
}

/* Frosted navigation remains reachable throughout the page. */
.header{position:sticky;top:0;z-index:30;height:64px;background:rgba(15,15,17,.78);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 1px 14px #0000000a}
.header nav a{display:inline-flex;align-items:center;min-height:44px}
.skip-link{z-index:40}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header{background:#171719}}
@media(max-width:700px){
 html{scroll-padding-top:120px}
 .header{height:104px;display:grid;grid-template-columns:1fr auto;gap:0 15px;padding:10px 22px 0}
 .header .wordmark{grid-column:1;grid-row:1}
 .header .status{grid-column:2;grid-row:1;justify-self:end}
 .header nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;font-size:11px}
 .header nav a{min-height:44px}
}

.header .header-brand-mark{display:block;width:29px;height:33px;margin-right:10px;background:#f5f5f7;mask:url(/personist-mark-v3.png) center/contain no-repeat;-webkit-mask:url(/personist-mark-v3.png) center/contain no-repeat;flex-shrink:0}
@media(max-width:700px){.header .header-brand-mark{width:26px;height:30px;margin-right:7px}}

/* Compact, taller laptop proportions, with an independent metal base. */
.hero-tour{padding-top:10px;padding-bottom:45px}
.hero-tour .hero-device{max-width:900px;padding:15px 14px 19px;border:1px solid #74767a;border-radius:27px 27px 13px 13px;background:linear-gradient(110deg,#74767a 0%,#151618 2%,#08090a 50%,#17181a 98%,#74767a 100%);box-shadow:inset 0 1px 2px #c5c6c8,0 30px 75px #0008}
.hero-tour .hero-device:before{content:'';position:absolute;z-index:3;top:14px;left:calc(50% - 42px);width:84px;height:17px;background:#08090a;border-radius:0 0 7px 7px;pointer-events:none}
.hero-tour .hero-device:after{content:'';position:absolute;z-index:4;top:18px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#252c30;box-shadow:0 0 2px #666;pointer-events:none}
.hero-tour .workspace{border:1px solid #242528;border-radius:12px 12px 2px 2px}
.hero-tour .device-base{position:absolute;top:calc(100% - 1px);left:-8%;width:116%;margin:0;height:21px;border:1px solid #65676a;border-top-color:#e6e7e8;border-radius:2px 2px 38px 38px / 2px 2px 12px 12px;background:linear-gradient(90deg,#898c90,#dbdde0 3%,#9fa2a6 10%,#c7c9cc 50%,#a2a4a8 90%,#dbdde0 97%,#898c90);box-shadow:inset 0 -5px 5px #53565a,0 8px 10px #0006}
.hero-tour .device-base:before{top:0;left:42%;width:16%;height:9px;border-radius:0 0 12px 12px;background:linear-gradient(90deg,#82858a,#d8dadd 20%,#e1e2e3 80%,#82858a);box-shadow:inset 0 -1px 2px #72757a}
.hero-tour .scene-caption{margin-top:53px}
@media(min-width:701px){
 .hero-tour .workspace{aspect-ratio:1.5;display:flex;flex-direction:column}
 .hero-tour .window-bar{flex-shrink:0;height:38px}
 .hero-tour .window-dots{width:132px}
 .hero-tour .workspace-body{grid-template-columns:170px minmax(0,1fr);min-height:0;flex:1;overflow:hidden}
 .hero-tour .sidebar{min-height:0;padding:17px 12px 12px;overflow-y:auto;scrollbar-width:thin}
 .hero-tour .mini-wordmark{font-size:28px;min-height:30px}
 .hero-tour .mini-brand-mark{width:24px;height:29px}
 .hero-tour .mini-wordmark b{font-size:17px}
 .hero-tour .mock-capture{margin:12px 0 16px;padding:8px;font-size:9px}
 .hero-tour .sidebar-label{font-size:7px;margin-bottom:8px}
 .hero-tour .product-tabs{gap:2px}
 .hero-tour .product-tabs button{min-height:35px;font-size:11px;padding:7px 9px;gap:9px}
 .hero-tour .sidebar-bottom{display:none}
 .hero-tour .preview-profile{margin-top:auto;padding-top:12px}
 .hero-tour .preview-content{min-height:0;overflow-y:auto;scrollbar-width:thin;padding:28px 27px}
 .hero-tour .preview-panel h2{font-size:31px}
 .hero-tour .preview-intro{margin-bottom:24px}
 .hero-tour .today-grid{gap:22px;grid-template-columns:1.2fr 1fr}
 .hero-tour .agenda-item{gap:13px}
 .hero-tour .agenda-item b{font-size:10px}
 .hero-tour .daily-note{margin-top:12px}
 .hero-tour .workspace-footer{flex-shrink:0;padding:10px 16px;font-size:7px}
 .hero-tour .wallet-stats b{font-size:22px}
}
@media(min-width:701px) and (max-width:1000px){.hero-tour .workspace{aspect-ratio:auto;min-height:530px}.hero-tour .workspace-body{min-height:455px}.hero-tour .preview-content{max-height:520px}.hero-tour .today-grid{gap:16px}.hero-tour .preview-panel h2{font-size:28px}}
@media(max-width:700px){
 .hero-tour{padding-inline:28px}
 .hero-tour .hero-device{padding:11px 7px 14px;border-radius:17px 17px 8px 8px}
 .hero-tour .hero-device:before{top:10px;width:54px;height:12px;left:calc(50% - 27px);border-radius:0 0 5px 5px}
 .hero-tour .hero-device:after{top:13px;width:3px;height:3px}
 .hero-tour .device-base{left:-6%;width:112%;height:14px}
 .hero-tour .device-base:before{height:6px}
 .hero-tour .scene-caption{margin-top:36px}
}

/* A connected idea scene balances the introductory copy. */
.intro-section{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-block:105px}
.intro-copy .eyebrow{color:var(--muted);font-size:10px;letter-spacing:.07em;line-height:1.8;margin:0 0 25px}
.intro-copy h2{font-size:clamp(40px,4.1vw,60px)}
.intro-copy>p:last-child{max-width:540px;font-size:18px;line-height:1.55;letter-spacing:-.025em;font-weight:500;color:var(--muted);margin:27px 0 0}
.idea-scene{position:relative;isolation:isolate;padding:12px 0 28px;min-width:0}
.idea-scene:before{content:'';position:absolute;inset:10% -8%;z-index:-2;border-radius:50%;background:radial-gradient(ellipse,#d7d8df80,transparent 65%)}
.idea-thread{position:absolute;z-index:-1;width:72%;height:68%;left:13%;top:13%;border:1px dashed #bfc0c8;border-radius:50%;transform:rotate(-22deg)}
.idea-card{position:relative;border-radius:17px;padding:23px 25px;box-shadow:0 12px 35px #00000008}
.idea-label{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.08em;font-weight:550;color:#7d7d85}
.idea-label .icon{width:15px;height:15px}
.idea-message{width:94%;background:#242427;color:#f5f5f7;border:1px solid #46464d;transform:rotate(-4deg);margin:0 0 25px}
.idea-message .idea-label{color:#aaaab3}
.idea-message p{font-size:19px;line-height:1.4;letter-spacing:-.5px;margin:15px 0 12px;font-weight:500}
.idea-source{font-size:9px;color:#aaaab3}
.idea-project{width:88%;margin-left:12%;background:#fff;border:1px solid #e0e0e5;transform:rotate(3deg)}
.idea-project h3{font-size:24px;letter-spacing:-.8px;font-weight:600;margin:17px 0}
.idea-task{display:flex;gap:10px;border-top:1px solid #eeeef0;padding:12px 0;font-size:11px;color:#6e6e77}
.idea-task>span{font-size:14px;color:#92929d}
.idea-project>a{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:11px;font-weight:550;border-top:1px solid #eeeef0;margin-top:4px}
.idea-day{display:flex;align-items:center;gap:15px;width:88%;margin:-2px 0 0 -4%;background:#e5e5e9;border:1px solid #fdfdfd;transform:rotate(-3deg);padding:19px 21px}
.idea-date{width:39px;height:39px;display:grid;place-items:center;background:#fafafb;border-radius:12px;font-size:22px;flex-shrink:0;color:#66666f}
.idea-day p{font-size:13px;font-weight:550;margin:8px 0 6px;letter-spacing:-.2px}
.idea-day small{font-size:9px;color:#777780}
.idea-caption{display:block;text-align:center;color:#8b8b93;font-size:8px;line-height:1.7;margin-top:24px}
@media(max-width:1050px){.intro-section{gap:40px}.intro-copy h2{font-size:48px}.intro-copy>p:last-child{font-size:17px}.idea-card{padding:21px}.idea-message p{font-size:17px}.idea-project h3{font-size:22px}}
@media(max-width:800px){.intro-section{gap:30px;padding-block:75px}.intro-copy h2{font-size:39px}.intro-copy>p:last-child{font-size:15px}.intro-copy .eyebrow{font-size:8px}.idea-message p{font-size:15px}.idea-task{font-size:10px}.idea-card{padding:19px}.idea-day{padding:16px;gap:10px}.idea-day p{font-size:11px}.idea-label{font-size:7px}}
@media(max-width:700px){.intro-section{grid-template-columns:1fr;gap:40px;padding-block:65px}.intro-copy h2{font-size:42px}.intro-copy .eyebrow{font-size:8px}.intro-copy>p:last-child{font-size:17px;max-width:470px}.idea-scene{max-width:450px;width:100%;justify-self:center;padding-inline:10px}.idea-message p{font-size:18px}.idea-card{padding:23px}.idea-project h3{font-size:24px}.idea-task{font-size:11px}.idea-label{font-size:8px}.idea-day{padding:19px}.idea-day p{font-size:13px}.idea-caption{font-size:8px}}
@media(max-width:380px){.intro-copy h2{font-size:38px}.idea-card{padding:19px}.idea-message p{font-size:16px}.idea-label{font-size:7px}.idea-day p{font-size:12px}}
@media(max-width:700px){.idea-scene:before{inset:10% 0}}
@media(max-width:700px){.idea-thread{width:62%;height:62%;left:19%;top:17%;transform:rotate(-10deg)}}

/* The middle section provides a dark break between the light sections. */
.integration-band{background:#191a1d;color:#f5f5f7}
.integration-band .integration{border-top:0;padding-block:90px}
.integration-band .integration .eyebrow{color:#a0a1a8}
.integration-band .integration h2 em{color:#b2b4bd}
.integration-band .integration>div>p:not(.eyebrow){color:#afb0b8}
.integration-band .text-link{color:#eeeef2}
.integration-band .integration-card{background:#26272c;border:1px solid #414249;box-shadow:0 20px 50px #00000018}
.integration-band .integration-card .tag{color:#b2b3bd}
.integration-band .planned-login{background:#36373d;border-color:#4a4b53;color:#c2c3cc}
.integration-band .integration-card #login-status{color:#afb0ba}
.integration-band .integration-note{border-top-color:#474850;color:#b8b9c2}
.faq{border-top:0}
@media(max-width:700px){.integration-band .integration{padding-block:60px}}

/* Five features form a native, circular horizontal gallery. */
.feature-gallery{--gallery-card-width:430px;padding-inline:calc((100% - var(--gallery-card-width))/2);scroll-padding-inline:calc((100% - var(--gallery-card-width))/2);cursor:grab;overscroll-behavior-x:contain}
.feature-card{flex-basis:var(--gallery-card-width);scroll-snap-align:center}
.feature-gallery.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.feature-gallery.is-dragging a{cursor:grabbing}
.feature-memory{background:#efeff2}
.memory-sheet{border:1px solid #dddde3;border-radius:17px;padding:27px 23px;background:white;transform:rotate(-4deg);box-shadow:0 20px 35px #0000000a}
.memory-sheet>span{font-size:8px;letter-spacing:.07em;color:#85858e}
.memory-sheet p{font-size:22px;letter-spacing:-.7px;line-height:1.25;font-weight:550;margin:19px 0}
.memory-sheet small{font-size:9px;color:#85858e}
.memory-source-card{align-self:flex-end;background:#dadbe1;border:1px solid #fff;border-radius:13px;display:flex;align-items:center;gap:15px;padding:19px 23px;margin-top:-7px;transform:rotate(4deg);box-shadow:0 15px 25px #00000009}
.memory-source-card .icon{width:26px;height:26px;color:#666671}
.memory-source-card>span{font-size:11px;line-height:1.6;color:#777782}
.memory-source-card b{font-weight:550;color:#393941}
.feature-twin{background:#303136;color:#f5f5f7}
.feature-twin>.feature-number,.feature-twin>p{color:#b3b4be}
.feature-twin>a>span{background:#4b4c53}
.twin-art{justify-content:flex-end}
.twin-art-mark{display:grid;place-items:center;align-self:center;width:96px;height:96px;border:1px solid #696a73;border-radius:50%;background:radial-gradient(circle,#686a73,#383940);margin-bottom:20px;box-shadow:0 0 45px #d5d6e115}
.twin-art-mark .icon{width:52px;height:52px;stroke-width:1}
.twin-sheet{border:1px solid #63646e;border-radius:15px;background:#414249;padding:21px;transform:rotate(-3deg)}
.twin-sheet>span{font-size:8px;letter-spacing:.07em;color:#b5b6c1}
.twin-sheet p{font-size:14px;line-height:1.5;margin:14px 0 18px}
.twin-sheet>div{display:flex;gap:9px}
.twin-sheet>div>span{font-size:8px;background:#55565f;border-radius:7px;padding:8px 10px}
@media(max-width:700px){.feature-gallery{--gallery-card-width:min(84vw,400px)}.memory-sheet{padding:23px 20px}.memory-sheet p{font-size:20px}.memory-source-card{padding:17px 19px}.twin-art-mark{width:80px;height:80px;margin-bottom:17px}.twin-art-mark .icon{width:43px;height:43px}.twin-sheet{padding:19px}.twin-sheet p{font-size:13px}}

/* Wrapping FAQ categories stay directly beneath the section heading. */
.faq-categories{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;max-width:420px}
.faq-categories button{border:1px solid #dcdcdf;background:transparent;color:#6e6e73;border-radius:24px;padding:10px 16px;font-size:13px;line-height:1.3;min-height:42px;transition:background .18s,color .18s,border-color .18s}
.faq-categories button:hover{border-color:#8e8e93;color:#1d1d1f}
.faq-categories button[aria-pressed="true"]{background:#1d1d1f;border-color:#1d1d1f;color:#f5f5f7}
.faq-items details:first-of-type,.faq-items details.faq-first{padding-top:0}
@media(max-width:700px){.faq-categories{max-width:none;margin-top:24px;gap:8px}.faq-categories button{font-size:12px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.faq-categories button{transition:none}}

.hero-platforms{list-style:none;display:flex;align-items:center;justify-content:center;gap:28px;padding:0;margin:0 0 24px;color:#b6b8bd}
.hero-platforms li{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.4;letter-spacing:.01em}
.hero-platforms .icon{width:22px;height:22px;stroke-width:1.4}
@media(max-width:700px){.hero-platforms{gap:23px;margin-bottom:22px}.hero-platforms li{font-size:11px}.hero-platforms .icon{width:20px;height:20px}}

.hero-actions .hero-platforms{margin:0;gap:18px}
@media(max-width:700px){.hero-actions{flex-wrap:wrap;column-gap:20px;row-gap:18px}.hero-actions .hero-platforms{gap:12px}.hero-actions .hero-platforms li{flex-direction:column;gap:4px;font-size:9px}.hero-actions .hero-explore{flex-basis:100%;justify-content:center}}
@media(max-width:360px){.hero-actions{column-gap:12px}.hero-actions .button{padding-inline:14px;gap:10px;font-size:11px}.hero-actions .hero-platforms{gap:10px}}

.platform-bars{display:flex;gap:10px;align-items:center}
.platform-bar{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 14px;border:1px solid #54565b;border-radius:10px;background:#ffffff04;color:#f5f5f7;transition:background .18s,border-color .18s}
.platform-bar:hover{background:#ffffff0d;border-color:#96989d}
.platform-bar .icon{width:25px;height:25px;stroke-width:1.5}.platform-bar .store-icon{stroke-width:2.2}
.platform-bar span{display:flex;flex-direction:column;gap:2px;text-align:left}
.platform-bar small{font-size:9px;color:#aaaeb3;line-height:1.2}.platform-bar strong{font-size:15px;font-weight:550;line-height:1.2;letter-spacing:-.02em}
@media(max-width:700px){.hero-actions .platform-bars{flex-basis:100%;justify-content:center;order:2}.hero-actions .hero-explore{order:3}.platform-bar{min-width:130px}.hero-actions{row-gap:16px}}
@media(prefers-reduced-motion:reduce){.platform-bar{transition:none}}

/* FAQ questions sit below the heading and filters in two independent columns. */
.faq{display:block;padding-block:60px}
.faq h2{margin:20px 0 0}
.faq-categories{max-width:none;margin-top:24px}
.faq-items{margin-top:30px;columns:2;column-gap:48px}
.faq-items details{break-inside:avoid;page-break-inside:avoid;padding:20px 0}
.faq-items details:first-of-type,.faq-items details.faq-first{padding-top:20px}
.faq-items p{margin-bottom:0}
@media(max-width:700px){.faq{padding-block:45px}.faq-items{columns:1;margin-top:22px}.faq-items details{padding-block:18px}}

.contact-signup{max-width:520px;margin-top:26px;text-align:left}
.contact-signup>label{display:block;font-size:12px;color:#b6b8bd;margin-bottom:10px}
.contact-input-row{display:flex;align-items:center;border:1px solid #55565c;border-radius:14px;background:#ffffff08;padding:6px;gap:8px}
.contact-input-row input{flex:1;min-width:0;width:100%;background:transparent;border:0;color:#f5f5f7;padding:12px 10px;font-size:14px;outline-offset:0;border-radius:8px}
.contact-input-row input::placeholder{color:#97999f}.contact-input-row .signup-submit{margin:0;flex-shrink:0;padding:12px 18px;gap:12px;border-radius:10px}
.contact-signup .signup-explanation{margin:12px 0;color:#aeb0b5;font-size:12px}
.contact-signup .signup-consent{font-size:11px;line-height:1.7;margin:12px 0;color:#aeb0b5;align-items:flex-start}
.contact-signup .signup-consent input{margin-top:4px;flex-shrink:0;accent-color:#d4d5d9}
.contact-signup a{text-decoration:underline;text-underline-offset:3px}
.contact-signup .signup-privacy{font-size:11px;color:#aeb0b5;line-height:1.7}
.contact-signup .signup-status{font-size:12px;line-height:1.7;margin-bottom:0;color:#c9ddce}
.contact-signup .signup-status[data-error="true"]{color:#f0b7b7}
@media(max-width:700px){.contact-signup{margin-inline:auto}.contact-input-row input{font-size:16px}.contact-input-row .signup-submit{font-size:12px;padding-inline:13px;gap:7px}.contact-signup>label{font-size:11px}}
.contact-input-row .signup-submit{width:auto}
.contact-signup .signup-consent{display:flex;gap:8px}

.signup-privacy-trigger{border:0;border-block:1px solid #444;background:transparent;color:#aeb0b5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;width:100%;text-align:left;font-size:11px;line-height:1.7}
.signup-privacy-trigger:hover{color:#f5f5f7}.signup-privacy-trigger span{font-size:16px}
.signup-privacy-dialog{width:min(520px,calc(100vw - 40px));max-height:calc(100dvh - 48px);padding:40px;border:1px solid #4b4c51;border-radius:22px;background:#202124;color:#f5f5f7;box-shadow:0 24px 100px #0008;text-align:left;overflow:auto}
.signup-privacy-dialog::backdrop{background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.signup-privacy-dialog .eyebrow{color:#9da0a7;font-size:10px;margin:0 0 18px}.signup-privacy-dialog h3{font-size:30px;letter-spacing:-.035em;line-height:1.15;font-weight:600;margin:0 0 22px}
.signup-privacy-dialog p:not(.eyebrow){font-size:13px;line-height:1.85;color:#b8bac0;margin:0 0 18px}.signup-privacy-dialog p:last-child{margin-bottom:0}.signup-privacy-dialog a{color:#f5f5f7;overflow-wrap:anywhere}
.privacy-close{position:absolute;right:15px;top:15px;width:32px;height:32px;border:0;border-radius:50%;background:#ffffff0b;color:#c7c9ce;font-size:24px;line-height:1}
.privacy-close:hover{background:#ffffff1a;color:white}
@media(max-width:700px){.signup-privacy-dialog{padding:34px 25px;border-radius:18px}.signup-privacy-dialog h3{font-size:27px}}

/* Fixed viewport anchoring avoids Safari sticky-header jumps on upward scroll. */
:root{--site-nav-height:64px}
body{padding-top:var(--site-nav-height)}
.header{position:fixed;inset:0 0 auto;height:var(--site-nav-height);transform:translateZ(0);isolation:isolate}
html{scroll-padding-top:calc(var(--site-nav-height) + 20px)}
@media(max-width:700px){:root{--site-nav-height:104px}}

/* A quiet hardware-to-software preview, with availability stated alongside it. */
.everywhere-section{background:#e9e9ec;padding:105px 0 55px;overflow:hidden}.everywhere-heading{text-align:center;max-width:830px;margin:auto}.everywhere-heading .eyebrow{color:#747478}.everywhere-heading h2{font-size:clamp(44px,5.5vw,76px);line-height:1.06;letter-spacing:-.055em;font-weight:650;margin:24px 0}.everywhere-heading h2 em{color:#85858b}.everywhere-heading>p:last-child{font-size:19px;line-height:1.55;color:#6e6e73;letter-spacing:-.02em}.everywhere-stage{position:relative;height:490px;max-width:1100px;margin:40px auto 0}.everywhere-stage:after{content:'';position:absolute;left:8%;right:5%;height:35px;bottom:36px;background:#32323725;filter:blur(20px);border-radius:50%}.desk-chat{position:absolute;left:1%;top:70px;z-index:2}.desk-chat>span,.desk-chat p{letter-spacing:-.025em}.desk-chat>span{font-size:9px;letter-spacing:.13em;color:#777}.desk-chat p{font-size:24px;line-height:1.2;margin:14px 0}.voice-wave{display:flex;gap:4px;height:25px;align-items:center}.voice-wave i{width:3px;height:10px;border-radius:4px;background:#929298}.voice-wave i:nth-child(2n){height:22px}.voice-wave i:nth-child(3n){height:16px}.desk-robot{position:absolute;left:2%;bottom:48px;width:170px;height:205px;z-index:3;transform:rotate(-6deg)}.robot-head{width:160px;height:158px;background:linear-gradient(130deg,#fff,#d0d0d5 70%,#9999a0);border:1px solid #c2c2c8;border-radius:18px;padding:10px;box-shadow:9px 10px 0 #b0b0b8,15px 20px 25px #00000018;position:relative}.robot-face{height:126px;border-radius:12px;background:linear-gradient(135deg,#303034,#111114 70%);position:relative;border:2px solid #45454a;box-shadow:inset 2px 2px 7px #ffffff1a}.robot-face i{position:absolute;top:45px;left:35px;width:7px;height:7px;background:#f6f6f8;border-radius:50%}.robot-face i:nth-child(2){left:91px}.robot-face b{position:absolute;left:51px;top:74px;width:29px;height:3px;border-radius:3px;background:#eee}.robot-head>span{display:block;width:6px;height:6px;margin:5px auto 0;border:1px solid #777;border-radius:50%}.robot-neck{height:24px;width:66px;margin:auto;background:linear-gradient(90deg,#76767f,#b4b4bc,#64646c);border-radius:0 0 12px 12px}.robot-base{height:23px;width:110px;margin:-1px auto 0;background:linear-gradient(#6e6e75,#44444b);border-radius:9px;box-shadow:3px 6px 0 #303036}.device-connection{position:absolute;bottom:144px;left:20%;width:12%;display:flex;gap:9px;align-items:center;color:#8a8a91;z-index:3}.device-connection i{width:4px;height:4px;background:#aaaab1;border-radius:50%}.device-connection span{font-size:25px;margin-left:7px}.everywhere-laptop{position:absolute;left:32%;top:65px;width:53%;z-index:2}.anywhere-screen{border:8px solid #28282c;border-top-width:10px;border-radius:18px 18px 4px 4px;background:#fafafa;aspect-ratio:1.53;box-shadow:0 0 0 2px #aaaab0,0 20px 40px #00000010;overflow:hidden}.anywhere-toolbar{height:26px;background:#f0f0f2;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:center;color:#666;font-size:8px;position:relative}.anywhere-toolbar>span{position:absolute;left:12px;font-size:7px;color:#aaa;letter-spacing:2px}.anywhere-desktop{display:grid;grid-template-columns:25% 1fr;height:calc(100% - 26px)}.anywhere-desktop aside{background:#eeeef0;border-right:1px solid #ddd;padding:18px 12px;display:flex;flex-direction:column;gap:17px;font-size:9px;color:#777}.anywhere-desktop aside b{color:#333;font-size:14px;letter-spacing:-.7px;margin-bottom:9px}.anywhere-desktop>div{padding:26px}.anywhere-desktop small{font-size:7px;letter-spacing:.1em;color:#777}.anywhere-desktop h3{font-size:27px;line-height:1.1;letter-spacing:-1px;margin:12px 0 20px}.anywhere-note{border:1px solid #ddd;border-radius:12px;padding:16px;background:white}.anywhere-note b{display:block;font-size:13px;margin:10px 0}.anywhere-note p{font-size:9px;color:#777}.anywhere-note>span{font-size:9px;color:#555}.anywhere-base{height:13px;background:linear-gradient(#d8d8db,#8d8d94);width:114%;margin-left:-7%;border-radius:2px 2px 30px 30px;position:relative;box-shadow:0 6px 5px #00000012}.anywhere-base:before{content:'';width:20%;height:5px;border-radius:0 0 7px 7px;background:#818189;display:block;margin:auto}.everywhere-phone{position:absolute;width:165px;height:320px;right:1%;bottom:30px;border:6px solid #242428;border-radius:28px;background:#f9f9fa;box-shadow:0 0 0 1px #9d9da3,0 15px 35px #00000020;z-index:4;padding:42px 12px 15px;transform:rotate(6deg)}.phone-island{width:48px;height:12px;border-radius:10px;background:#171719;position:absolute;top:9px;left:calc(50% - 24px)}.everywhere-phone>small{font-size:10px;font-weight:650}.everywhere-phone h3{font-size:22px;letter-spacing:-1px;line-height:1.1;margin:17px 0}.phone-note{padding:12px;border-radius:12px;border:1px solid #ddd;background:white}.phone-note small{font-size:6px;color:#777;letter-spacing:.08em}.phone-note b{display:block;font-size:11px;margin-top:10px}.phone-note p{font-size:7px;color:#777;line-height:1.5}.phone-input{font-size:8px;background:#e8e8eb;padding:11px;border-radius:9px;margin-top:20px;display:flex;justify-content:space-between}.phone-home{position:absolute;bottom:6px;width:45px;height:3px;background:#333;border-radius:4px;left:calc(50% - 22px)}.anywhere-web{position:absolute;left:42%;bottom:27px;padding:14px 22px;background:#ffffffd9;border:1px solid #fff;border-radius:16px;z-index:5;box-shadow:0 8px 30px #0000000a;backdrop-filter:blur(15px);transform:rotate(-4deg)}.anywhere-web span{display:block;color:#888;font-size:9px;border-bottom:1px solid #ddd;padding-bottom:8px}.anywhere-web b{display:block;font-size:16px;letter-spacing:-.5px;margin:11px 0 8px}.anywhere-web small{font-size:7px;letter-spacing:.12em;color:#888}.everywhere-captions{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:800px;margin:35px auto}.everywhere-captions span{font-size:10px;letter-spacing:.1em;color:#777}.everywhere-captions h3{font-size:23px;letter-spacing:-.7px;margin:15px 0 10px}.everywhere-captions p{color:#777;font-size:14px;line-height:1.6;margin:0}.everywhere-notice{font-size:11px;line-height:1.6;color:#747479;text-align:center;max-width:850px;margin:35px auto 0}
@media(max-width:900px){.everywhere-stage{height:410px}.desk-chat{top:10px}.desk-chat p{font-size:20px}.desk-robot{transform:scale(.8) rotate(-6deg);transform-origin:left bottom}.everywhere-laptop{top:55px;left:27%;width:61%}.device-connection{left:22%;width:7%;gap:5px}.device-connection i:nth-child(3){display:none}.everywhere-phone{transform:scale(.8) rotate(6deg);transform-origin:right bottom}.anywhere-desktop>div{padding:18px}.anywhere-desktop h3{font-size:23px}.anywhere-note{padding:10px}.anywhere-web{left:37%;bottom:15px}.everywhere-captions{gap:30px}}
@media(max-width:700px){.everywhere-section{padding:65px 0 40px}.everywhere-heading h2{font-size:44px}.everywhere-heading>p:last-child{font-size:15px}.everywhere-stage{height:440px;max-width:420px;margin-top:25px}.everywhere-laptop{top:100px;left:18%;width:82%}.anywhere-screen{border-width:5px;border-top-width:7px;border-radius:12px 12px 3px 3px}.anywhere-toolbar{height:20px;font-size:6px}.anywhere-desktop{height:calc(100% - 20px)}.anywhere-desktop aside{padding:12px 7px;gap:12px;font-size:6px}.anywhere-desktop aside b{font-size:10px}.anywhere-desktop>div{padding:14px 10px}.anywhere-desktop small{font-size:5px}.anywhere-desktop h3{font-size:19px;margin:8px 0 12px}.anywhere-note{padding:9px;border-radius:8px}.anywhere-note b{font-size:9px;margin:7px 0}.anywhere-note p,.anywhere-note>span{font-size:6px}.desk-chat{top:0;left:4%}.desk-chat>span{font-size:8px}.desk-chat p{font-size:19px;margin:10px 0}.voice-wave{display:none}.desk-robot{bottom:30px;left:0;transform:scale(.65) rotate(-6deg)}.device-connection{left:35%;bottom:128px;width:auto}.everywhere-phone{bottom:5px;right:2%;transform:scale(.65) rotate(6deg)}.anywhere-web{left:34%;bottom:6px;transform:rotate(-4deg);padding:10px 13px}.anywhere-web b{font-size:11px}.anywhere-web small{font-size:6px}.anywhere-web span{font-size:7px}.everywhere-captions{gap:23px;margin-top:10px}.everywhere-captions h3{font-size:18px}.everywhere-captions p{font-size:12px}.everywhere-captions span{font-size:8px}.everywhere-notice{font-size:10px;text-align:left}}

/* Original unbranded device family; the desktop product tour remains interactive. */
.hero-device-family{position:relative;max-width:1180px;margin:auto;padding-bottom:170px}.hero-companions{pointer-events:none;color:#252529}.hero-device-labels{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;margin:20px 0 13px;color:#bfc0c4;font-size:11px}.hero-tour .scene-caption{margin-top:35px}.hero-tour .scene-caption small{line-height:1.8;display:block;max-width:780px;margin:auto}.hero-phone{right:0;bottom:114px;transform:rotate(7deg);width:175px;height:330px;z-index:6}.hero-tablet{position:absolute;z-index:5;left:-8px;bottom:107px;width:266px;height:350px;border:9px solid #242529;border-radius:24px;background:#f6f6f8;box-shadow:0 0 0 1px #94969b,0 25px 45px #0007;transform:rotate(-8deg);padding:26px 17px 15px}.tablet-camera{position:absolute;width:4px;height:4px;border-radius:50%;background:#666970;top:-6px;left:50%}.tablet-toolbar{font-size:13px;font-weight:650;letter-spacing:-.5px;border-bottom:1px solid #ddd;padding-bottom:13px;display:flex;justify-content:space-between}.tablet-toolbar>span{font-size:9px;color:#888;font-weight:400;letter-spacing:0}.tablet-content{padding-top:28px}.tablet-content>small{font-size:7px;letter-spacing:.1em;color:#888}.tablet-content h3{font-size:25px;letter-spacing:-1px;line-height:1.1;margin:13px 0}.tablet-content p{font-size:10px;color:#777}.tablet-content>div{font-size:10px;padding:13px 0;border-bottom:1px solid #ddd;display:flex;gap:10px}.tablet-content>div span{color:#999}.tablet-capture{margin-top:22px;background:#e9e9ed;border-radius:10px;padding:12px;font-size:9px;display:flex;justify-content:space-between}.hero-watch{position:absolute;left:26%;bottom:33px;width:115px;height:218px;z-index:7;transform:rotate(-13deg)}.watch-strap{position:absolute;width:67px;height:218px;left:24px;border-radius:25px;background:repeating-linear-gradient(0deg,#37383c 0 7px,#323337 7px 8px);border:1px solid #535459;box-shadow:inset 6px 0 8px #ffffff08}.watch-case{position:absolute;top:47px;width:115px;height:137px;padding:7px;border-radius:32px;background:linear-gradient(130deg,#b7b9bd,#65676c 50%,#bfc1c6);box-shadow:0 0 0 1px #777,0 15px 20px #0008}.watch-case:after{content:'';position:absolute;right:-4px;top:35px;width:4px;height:20px;border-radius:0 3px 3px 0;background:#9c9ea3}.watch-screen{background:#101113;color:#f0f0f3;border-radius:25px;height:100%;padding:10px 8px;text-align:center}.watch-screen small{font-size:7px;color:#aaa}.watch-time{float:right;font-size:8px}.watch-ring{border:2px solid #85888e;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:8px auto;font-size:14px}.watch-screen b{display:block;font-size:9px;letter-spacing:-.2px}.watch-screen>span:last-child{display:block;font-size:6px;color:#aaa;margin-top:5px}.hero-glasses{position:absolute;left:48%;bottom:9px;width:300px;z-index:6;transform:rotate(9deg);filter:drop-shadow(0 15px 10px #0008)}.hero-glasses svg{width:100%;display:block}.glasses-caption{display:block;text-align:center;color:#92959b;font-size:9px;letter-spacing:.02em;transform:rotate(-9deg);margin-top:5px}.everywhere-stage .everywhere-laptop{width:58%;left:34%}.everywhere-stage .anywhere-web{left:62%}
@media(min-width:701px) and (max-width:1100px){.hero-phone{right:-25px;transform:scale(.85) rotate(7deg);transform-origin:right bottom}.hero-tablet{left:-30px;transform:scale(.78) rotate(-8deg);transform-origin:left bottom}.hero-watch{left:24%;transform:scale(.85) rotate(-13deg);transform-origin:left bottom}.hero-glasses{width:260px;left:45%}.hero-device-family{padding-bottom:165px}}
@media(max-width:700px){.hero-device-family{padding-bottom:0}.hero-companions{position:relative;height:435px;max-width:400px;margin:30px auto 0}.hero-tablet{left:1%;bottom:140px;transform:scale(.68) rotate(-7deg);transform-origin:left bottom}.hero-phone{right:0;bottom:125px;transform:scale(.72) rotate(6deg);transform-origin:right bottom}.hero-watch{left:13%;bottom:0;transform:scale(.65) rotate(-13deg);transform-origin:left bottom}.hero-glasses{width:200px;left:auto;right:1%;bottom:0;transform:rotate(7deg)}.glasses-caption{font-size:8px}.hero-device-labels{gap:8px 15px;font-size:10px;margin-top:15px}.hero-tour .scene-caption{margin-top:30px}.hero-tour .scene-caption small{font-size:9px}.everywhere-stage .everywhere-laptop{width:82%;left:18%}.everywhere-stage .anywhere-web{left:44%;bottom:40px}}

/* Keep the message and the full device family together in the first viewport. */
@media(min-width:1100px){
 .opening{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(0,1.3fr);gap:24px;align-items:center;padding:30px max(35px,calc((100vw - 1420px)/2));min-height:calc(100svh - var(--site-nav-height))}
 .opening>.hero{width:100%;padding:0 0 0 15px;margin:0;text-align:left}
 .hero .eyebrow{font-size:11px;margin-bottom:20px}
 .hero h1{font-size:clamp(48px,4.25vw,68px);line-height:1.06;letter-spacing:-.06em}
 .hero-description{font-size:16px;line-height:1.65;margin-top:23px;max-width:430px}
 .hero-description br{display:none}
 .hero-actions{justify-content:flex-start;gap:15px;flex-wrap:wrap;margin-top:25px}
 .hero-actions>.button{font-size:12px;padding:12px 20px;min-height:43px}
 .hero-actions .platform-bars{gap:8px}
 .hero-actions .platform-bar{padding:8px 12px;min-height:46px}
 .hero-actions .platform-bar strong{font-size:14px}
 .hero-actions .platform-bar small{font-size:8px}
 .hero-actions .platform-bar .icon{width:21px;height:21px}
 .opening>.hero-tour{width:100%;min-width:0;padding:15px 0 0;margin:0}
 .hero-device-family{width:1180px;max-width:none;zoom:.6;padding-bottom:145px;margin:auto}
 .hero-tour .scene-caption{margin-top:12px;padding-inline:15px;position:relative;z-index:2}
 .hero-tour .scene-caption p{font-size:12px;line-height:1.5}
 .hero-device-labels{margin:12px 0 9px;font-size:10px;gap:7px 15px}
 .hero-tour .scene-caption small{font-size:9px;line-height:1.6;max-width:650px}
 .hero-tour .orbit{width:800px;height:350px;top:85px;opacity:.15}
 .hero-tour .orbit-two{width:1000px;height:430px;top:35px;opacity:.07}
}
@media(min-width:1100px) and (max-width:1399px){.hero-device-family{zoom:.49}.opening{grid-template-columns:minmax(340px,.9fr) minmax(0,1.3fr);gap:15px;padding-inline:25px}.hero h1{font-size:49px}.hero-description{font-size:15px}.hero-actions{gap:12px}.hero-actions .platform-bars{width:100%}}
@media(min-width:701px) and (max-width:1099px){.hero{padding-top:30px}.hero h1{font-size:52px}.hero .eyebrow{margin-bottom:14px}.hero-description{font-size:16px;margin-top:17px}.hero-actions{margin-top:20px}.hero-tour{margin-top:28px;padding-inline:20px}.hero-device-family{width:1180px;max-width:none;zoom:.55;margin:auto;padding-bottom:135px}.hero-tour .scene-caption{margin-top:20px}.hero-device-labels{margin:12px 0 9px}}
@media(min-width:701px) and (max-width:800px){.hero-device-family{zoom:.51}}
@media(max-width:700px){.hero{padding-top:28px}.hero .eyebrow{margin-bottom:16px}.hero h1{font-size:clamp(39px,10.2vw,58px)}.hero-description{font-size:15px;margin-top:18px}.hero-actions{margin-top:20px;gap:14px}.hero-tour{margin-top:28px}.hero-companions{height:300px;margin-top:20px}.hero-tablet{bottom:102px;transform:scale(.5) rotate(-7deg)}.hero-phone{bottom:100px;transform:scale(.53) rotate(6deg)}.hero-watch{left:17%;transform:scale(.48) rotate(-13deg)}.hero-glasses{width:160px;right:5%;bottom:8px}.hero-tour .scene-caption{margin-top:20px}.hero-tour{padding-bottom:28px}}
@media(min-width:1400px) and (max-height:740px){.hero-device-family{zoom:.52}.opening{padding-block:20px}.hero h1{font-size:56px}}

/* Let page content continue beneath the fixed glass navigation. */
html{background:#08090a}
body{padding-top:0;background:#08090a}
main{background:var(--bg)}
.opening{padding-top:var(--site-nav-height)}
@media(min-width:1100px){.opening{padding-top:calc(var(--site-nav-height) + 30px);min-height:100svh}}
@media(min-width:1400px) and (max-height:740px){.opening{padding-top:calc(var(--site-nav-height) + 20px)}}

/* A larger device composition with hands-on, local sample interactions. */
.hero-tablet{width:270px;height:360px;transform:rotate(-3deg)}
.hero-glasses,.glasses-caption{transform:none}
.hero-companions{pointer-events:none}
.hero-tablet,.hero-phone,.watch-case{pointer-events:auto}
.device-task{border:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.tablet-content>.device-task{display:flex;gap:10px;align-items:center;width:100%;padding:13px 0;border-bottom:1px solid #ddd;font-size:10px;min-height:44px}
.phone-note .device-task{display:flex;gap:7px;align-items:flex-start;width:100%;padding:8px 0;min-height:44px}
.device-task[aria-pressed="true"] [data-device-task]{text-decoration:line-through;color:#72757a}
.device-capture{display:flex;gap:4px;align-items:center}
.device-capture input{min-width:0;width:100%;border:0;background:transparent;color:inherit;outline-offset:2px;font-size:9px}
.device-capture button{border:0;background:none;color:inherit;padding:6px;font-size:14px;min-width:26px;min-height:26px}
.watch-ring.device-task{padding:0;display:flex;align-items:center;justify-content:center;text-align:center;min-width:38px;min-height:38px}
@media(min-width:1400px){.opening{grid-template-columns:minmax(330px,.72fr) minmax(0,1.4fr);gap:12px;padding-inline:max(24px,calc((100vw - 1500px)/2))}.hero-device-family{zoom:.68}.hero h1{font-size:clamp(48px,4vw,64px)}}
@media(min-width:1100px) and (max-width:1399px){.opening{grid-template-columns:minmax(320px,.72fr) minmax(0,1.4fr);padding-inline:20px}.hero-device-family{zoom:.58}.hero h1{font-size:46px}}
@media(min-width:1400px) and (max-height:740px){.hero-device-family{zoom:.6}}
@media(max-width:700px){.hero-tablet{transform:scale(.5) rotate(-3deg)}.hero-glasses{transform:none}.device-capture input{font-size:16px}.device-capture{padding:8px}.device-capture button{min-height:38px}.phone-note .device-task{font-size:12px}}
.hero-phone{height:360px;padding-top:36px}
.hero-phone h3{font-size:20px;margin:12px 0}
.hero-phone .phone-note{padding:9px}
.hero-phone .phone-note b{margin:0;overflow-wrap:anywhere}
.hero-phone .phone-input{margin-top:10px;padding:6px}
.watch-ring.device-task{border:2px solid #85888e}
.tablet-content [data-device-task]{overflow-wrap:anywhere}

/* Compact centered introduction above the full device composition. */
@media(min-width:1100px){
 .opening{display:flex;flex-direction:column;gap:14px;justify-content:center;padding:calc(var(--site-nav-height) + 16px) 24px 18px;min-height:100svh}
 .opening>.hero{padding:0;text-align:center;max-width:1200px}
 .hero .eyebrow{margin-bottom:8px;font-size:10px}
 .hero h1{font-size:52px;line-height:1.08}
 .hero h1 br{display:none}
 .hero h1>span{margin-left:.2em}
 .hero-description{max-width:none;margin-top:10px;font-size:14px;line-height:1.5}
 .hero-actions{justify-content:center;gap:14px;margin-top:12px}
 .hero-actions .platform-bars{width:auto}
 .opening>.hero-tour{padding:0;max-width:1250px}
 .hero-device-family{zoom:.66}
 .hero-tour .scene-caption{margin-top:4px}
 .hero-device-labels{margin:8px 0 6px}
}
@media(min-width:1100px) and (max-height:800px){.hero-device-family{zoom:.58}.hero h1{font-size:46px}.opening{gap:10px;padding-top:calc(var(--site-nav-height) + 10px);padding-bottom:12px}}
@media(min-width:1100px) and (max-height:700px){.hero-device-family{zoom:.49}.hero h1{font-size:40px}.hero-description{font-size:13px}}

/* Let the device world extend beyond the first screen instead of shrinking it. */
@media(min-width:1100px){
 .opening{display:block;min-height:0;padding:calc(var(--site-nav-height) + 48px) 0 42px}
 .opening>.hero{margin:0 auto;padding:0 30px;max-width:1100px}
 .hero .eyebrow{font-size:12px;margin-bottom:18px}
 .hero h1{font-size:clamp(56px,4.8vw,76px);line-height:1.06}
 .hero h1 br{display:block}
 .hero h1>span{margin-left:0}
 .hero-description{font-size:17px;max-width:720px;margin:20px auto 0;line-height:1.5}
 .hero-actions{margin-top:22px;gap:14px}
 .opening>.hero-tour{width:100%;max-width:none;padding:0;margin-top:48px}
 .hero-device-family{zoom:1;width:100%;max-width:1700px;height:850px;padding:0;margin:0 auto}
 .hero-device-family>.hero-device{position:absolute;left:-7%;top:0;width:61%;max-width:960px;margin:0;transform:rotate(-2deg);transform-origin:center center;z-index:2}
 .hero-tablet{left:auto;right:3%;top:25px;bottom:auto;width:350px;height:467px;transform:scale(1.3) rotate(2deg);transform-origin:right top;padding:32px 24px 22px;border-width:10px;border-radius:28px}
 .tablet-toolbar{font-size:17px;padding-bottom:20px}.tablet-toolbar>span{font-size:12px}
 .tablet-content{padding-top:36px}.tablet-content>small{font-size:9px}.tablet-content h3{font-size:32px;margin:20px 0}.tablet-content p{font-size:13px}
 .tablet-content>.device-task,.tablet-content>div{font-size:13px;padding-block:18px}
 .tablet-capture{margin-top:25px;padding:14px}.tablet-capture input{font-size:12px}
 .hero-phone{left:54%;right:auto;top:250px;bottom:auto;width:200px;height:400px;transform:translateX(-50%) rotate(-3deg);z-index:6;padding:42px 14px 18px}
 .hero-phone h3{font-size:26px;margin:20px 0}.hero-phone>small{font-size:12px}.hero-phone .phone-note{padding:13px}.hero-phone .phone-note b{font-size:13px}.hero-phone .phone-note p{font-size:9px}.hero-phone .phone-input{margin-top:18px;padding:9px}.hero-phone .device-capture input{font-size:11px}
 .hero-watch{left:57%;top:675px;bottom:auto;transform:scale(1.05) rotate(-6deg);transform-origin:center top}
 .hero-glasses{left:auto;right:5%;top:695px;bottom:auto;width:340px;transform:none}
 .hero-tour .scene-caption{margin-top:35px;padding-inline:25px}
 .hero-tour .scene-caption p{font-size:13px}.hero-device-labels{font-size:11px;margin:14px 0 10px}.hero-tour .scene-caption small{font-size:10px}
 .hero-tour .orbit{width:1450px;height:650px;top:120px}.hero-tour .orbit-two{width:1800px;height:820px;top:80px}
}
@media(min-width:1100px) and (max-width:1299px){
 .hero-tablet{transform:scale(1.1) rotate(2deg);right:2%}
 .hero-phone{left:53%;width:185px;height:390px;top:240px}
 .hero-glasses{width:300px;right:3%}
 .hero-device-family{height:850px}
}
@media(min-width:1100px){.hero-device-family{height:920px}.hero-device-family>.hero-device{left:-2%;width:60%}}

/* Straight device frames and a quiet, clean hero stage. */
.hero-tour .orbit{display:none}
.hero-device-family>.hero-device{transform:none}
.hero-tablet,.hero-watch,.hero-glasses,.glasses-caption{transform:none}
@media(min-width:1100px){
 .hero-device-family>.hero-device{top:0;transform:none}
 .hero-tablet{top:0;transform:scale(1.3);transform-origin:right top}
 .hero-phone{transform:translateX(-50%)}
 .hero-watch{transform:scale(1.05)}
 .hero-device-family>.hero-device{box-shadow:0 0 0 1px #ffffff0a}
 .hero-tablet{box-shadow:0 0 0 1px #94969b}
}
@media(min-width:1100px) and (max-width:1299px){.hero-tablet{transform:scale(1.1)}}
@media(min-width:701px) and (max-width:1099px){.hero-phone{transform:scale(.85)}.hero-tablet{transform:scale(.78)}.hero-watch{transform:scale(.85)}}
@media(max-width:700px){.hero-tablet{transform:scale(.5)}.hero-phone{transform:scale(.53)}.hero-watch{transform:scale(.48)}}

/* Device home screens share the product's real information hierarchy. */
.hero-tablet{padding:20px 14px 14px;display:flex;flex-direction:column;overflow:hidden}
.tablet-toolbar{font-size:13px;padding-bottom:12px;flex-shrink:0}.tablet-toolbar>span{font-size:8px}
.tablet-dashboard{display:grid;grid-template-columns:53px minmax(0,1fr);flex:1;min-height:0;gap:12px;margin-top:14px}
.device-nav{display:flex;gap:3px}.device-nav button{border:0;background:transparent;color:#777;font-size:8px;padding:8px 5px;border-radius:6px;display:flex;gap:5px;align-items:center;justify-content:center;cursor:pointer}
.device-nav button[aria-pressed="true"]{background:#e9eaed;color:#242529}
.tablet-dashboard>.device-nav{flex-direction:column;justify-content:flex-start;border-right:1px solid #e1e2e5;padding-right:7px}
.tablet-dashboard>.device-nav button{justify-content:flex-start;font-size:7px;padding:8px 3px;gap:4px}
.tablet-content{padding:0;min-width:0;overflow:auto;scrollbar-width:thin}
.device-pane>small{font-size:6px;letter-spacing:.09em;color:#81838a}.device-pane .device-greeting{font-size:8px;color:#73757c;margin:9px 0 5px}
.tablet-content h3{font-size:21px;letter-spacing:-.7px;margin:5px 0 9px;line-height:1.1}
.tablet-content .device-pane>p{font-size:8px;line-height:1.6;margin:8px 0;color:#72747a}
.device-agenda{margin:18px 0 12px}.device-agenda>small{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.07em;color:#81838a;margin-bottom:8px}.device-agenda>small>span{letter-spacing:0}
.device-agenda>div{display:flex;gap:9px;padding:9px 0;border-top:1px solid #e1e2e5;font-size:8px;line-height:1.4}
.device-agenda time{color:#888;font-size:7px;flex-shrink:0}.device-agenda>div>span>small{display:block;color:#93959b;font-size:6px;margin-top:3px}
.device-task-card{border:1px solid #dedfe3;border-radius:9px;padding:10px;background:white}
.device-task-card>small{font-size:6px;color:#898b91;letter-spacing:.07em}.device-task-card>small:last-child{display:block;letter-spacing:0;margin-top:3px}
.device-task-card .device-task{display:flex;gap:7px;align-items:flex-start;width:100%;padding:8px 0;font-size:9px;line-height:1.4;min-height:32px}.device-check{flex-shrink:0}
.device-last-chat{border-top:1px solid #e0e1e4;margin-top:14px;padding-top:10px}.device-last-chat>small{font-size:6px;color:#888;letter-spacing:.08em}.device-last-chat button{border:0;background:none;font-size:10px;font-weight:550;color:inherit;padding:8px 0;display:flex;justify-content:space-between;width:100%;text-align:left}.device-last-chat p{font-size:7px;color:#85878d;margin:0;line-height:1.5}
.tablet-capture{flex-shrink:0;margin:12px 0 0 65px;padding:7px;border-radius:8px;min-height:32px}.tablet-capture input{font-size:8px}
.hero-phone{display:flex;flex-direction:column;overflow:hidden;padding:30px 11px 14px}
.phone-app-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;font-size:10px;margin-bottom:11px}.phone-app-header>span{display:grid;place-items:center;width:19px;height:19px;background:#e8e9ed;border-radius:7px;font-size:8px;color:#74767c}
.phone-content{flex:1;overflow:auto;min-height:0;scrollbar-width:none}.hero-phone h3{font-size:19px;line-height:1.08;letter-spacing:-.7px;margin:4px 0 12px}.phone-content .device-greeting{font-size:7px;margin:6px 0 4px}
.phone-content .device-agenda{margin:10px 0}.phone-content .device-agenda>div{font-size:7px;padding:7px 0;gap:6px}.phone-content .device-agenda>div>span>small{font-size:5px}.phone-content .device-agenda time{font-size:6px}
.phone-content .device-task-card{padding:7px}.phone-content .device-task{font-size:8px;padding:6px 0;min-height:28px}.device-feedback{font-size:6px;color:#81838a;margin:8px 0;line-height:1.4}
.hero-phone .phone-input{flex-shrink:0;margin:8px 0 4px;padding:4px;border-radius:6px;min-height:29px}.hero-phone .device-capture input{font-size:7px}.hero-phone .device-capture button{font-size:12px;padding:3px;min-height:22px;min-width:22px}
.hero-phone>.device-nav{flex-shrink:0;justify-content:space-between;border-top:1px solid #e1e2e5;padding-top:4px}.hero-phone>.device-nav button{flex-direction:column;font-size:5px;gap:3px;padding:4px}.hero-phone>.device-nav button>span:first-child{font-size:12px}
.device-pane h4{font-size:16px;line-height:1.2;letter-spacing:-.4px;margin:12px 0}.device-pane>p{font-size:9px;line-height:1.6;color:#74767c}.device-pane>button{border:0;background:#e9eaed;border-radius:6px;padding:9px;font-size:8px;color:inherit}.device-bubble{padding:10px;background:#e9eaed;border-radius:8px}.device-project-progress{height:4px;background:#e2e3e7;border-radius:3px;margin-top:20px;overflow:hidden}.device-project-progress>span{display:block;width:33%;height:100%;background:#797d84}
@media(min-width:1100px){
 .hero-tablet{padding:24px 18px 18px}.tablet-toolbar{font-size:14px;padding-bottom:14px}.tablet-toolbar>span{font-size:8px}.tablet-dashboard{grid-template-columns:57px minmax(0,1fr);gap:14px;margin-top:17px}.tablet-content h3{font-size:24px}.tablet-content .device-pane>p{font-size:9px}.tablet-content .device-greeting{font-size:9px}.tablet-content .device-agenda{margin-top:20px}.tablet-content .device-agenda>div{font-size:9px;padding:10px 0}.tablet-content .device-task{font-size:10px}.tablet-capture{margin-left:71px;padding:8px}.tablet-capture input{font-size:9px}
 .hero-phone{padding:34px 12px 15px}.phone-content h3{font-size:21px}.hero-phone .device-capture input{font-size:8px}
}
@media(max-width:700px){.device-capture input{font-size:16px!important}}
/* Keep useful home content visible above each device's composer. */
.tablet-content .device-greeting{margin:6px 0 3px;font-size:8px}
.tablet-content h3{font-size:22px;margin:4px 0 6px}
.tablet-content .device-pane>p{font-size:8px;margin:6px 0;line-height:1.4}
.tablet-content .device-agenda{margin:12px 0 8px}
.tablet-content .device-agenda>div{padding:7px 0;font-size:8px}
.tablet-content .device-task-card{padding:8px}
.tablet-content .device-task{font-size:9px;padding:6px 0;min-height:28px}
.tablet-content .device-last-chat{margin-top:10px;padding-top:8px}
.tablet-content .device-last-chat button{font-size:9px;padding:5px 0}
.phone-content .device-agenda>div{padding:5px 0}
.phone-content .device-agenda>div>span>small{display:none}
.phone-content .device-greeting{margin:5px 0 3px}
.phone-content h3{font-size:19px;margin:4px 0 8px}

/* Rest the small companions along the laptop's lower edge. */
@media(min-width:1100px){
 .hero-device-family{height:840px}
 .hero-watch{left:12%;top:min(calc(40vw - 40px),600px);transform:none;z-index:7}
 .hero-glasses{left:25%;right:auto;top:min(calc(40vw - 10px),630px);width:280px;z-index:7}
 .glasses-caption{font-size:8px;margin-top:3px}
}
@media(min-width:1100px) and (max-width:1299px){.hero-glasses{left:25%;width:240px}}

/* Keep accessory bottoms close to the main device baseline. */
@media(min-width:1100px){
 .hero-device-family{height:700px}
 .hero-watch{top:min(calc(40vw - 210px),430px)}
 .hero-glasses{top:min(calc(40vw - 140px),500px)}
 .hero-tour .scene-caption{margin-top:16px}
 .opening{padding-bottom:28px}
}
@media(min-width:1100px){.hero-phone{top:min(calc(40vw - 380px),260px)}.hero-device-family{height:clamp(650px,calc(40vw + 50px),710px)}}
@media(min-width:1100px) and (max-width:1299px){.hero-phone{top:calc(40vw - 370px)}}

/* Realistic glasses alongside the original slim laptop. */
.hero-glasses img{display:block;width:100%;height:auto;object-fit:contain}
@media(min-width:1100px){
 .hero-glasses{top:min(calc(40vw - 140px),500px);left:25%;width:280px;filter:drop-shadow(0 5px 3px #0006)}
 .glasses-caption{display:none}
}
@media(min-width:1100px) and (max-width:1299px){.hero-glasses{width:240px}}

/* Compact navigation and a landscape laptop on phones. */
@media(max-width:700px){
 :root{--site-nav-height:64px}
 html{scroll-padding-top:84px}
 .header{height:64px;display:flex;padding:0 22px;gap:16px}
 .header nav{display:none}
 .header .status{font-size:11px;padding:9px 13px}
 .hero-tour{padding-inline:26px}
 .hero-tour .hero-device{padding:8px 6px 7px;border-radius:14px 14px 3px 3px}
 .hero-tour .workspace{aspect-ratio:1.5;display:flex;flex-direction:column;min-height:0;border-radius:7px 7px 0 0}
 .hero-tour .window-bar{height:24px;min-height:24px;flex-shrink:0;font-size:7px;padding:0 10px}
 .hero-tour .workspace-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
 .hero-tour .sidebar{flex-shrink:0;padding:6px 0 0;min-height:0;gap:0}
 .hero-tour .mini-wordmark b{font-size:11px}
 .hero-tour .mini-brand-mark{width:14px;height:17px}
 .hero-tour .profile-avatar{width:20px;height:20px;font-size:8px}
 .hero-tour .preview-profile b{font-size:8px}
 .hero-tour .product-tabs{margin-top:4px;padding:0 5px;gap:2px}
 .hero-tour .product-tabs button{min-height:27px;font-size:8px;padding:5px 7px;gap:4px}
 .hero-tour .product-tabs .icon{width:12px;height:12px}
 .hero-tour .preview-content{min-height:0;flex:1;padding:12px 15px;overflow-y:auto;overscroll-behavior:contain}
 .hero-tour .preview-eyebrow{font-size:6px;margin-bottom:5px}
 .hero-tour .preview-greeting{font-size:8px;margin-bottom:5px}
 .hero-tour .preview-panel h2{font-size:20px;margin-bottom:5px;letter-spacing:-.7px}
 .hero-tour .preview-intro{font-size:8px;margin-bottom:12px}
 .hero-tour .today-grid{grid-template-columns:1.2fr 1fr;gap:12px}
 .hero-tour .section-label{font-size:6px;margin-bottom:7px}
 .hero-tour .agenda-item{padding:7px 0;gap:8px}
 .hero-tour .agenda-item time,.hero-tour .agenda-item b{font-size:7px}
 .hero-tour .agenda-item p{font-size:6px;margin-top:4px}
 .hero-tour .preview-card{padding:8px;margin-bottom:7px}
 .hero-tour .preview-card h3{font-size:8px;margin:6px 0}
 .hero-tour .preview-card p,.hero-tour .source,.hero-tour .tag{font-size:6px}
 .hero-tour .workspace-footer{display:none}
 .hero-tour .device-base{height:12px;left:-6%;width:112%}
 .hero-tour .device-base:before{height:5px}
 .hero-tour .hero-device:before{width:44px;height:9px;left:calc(50% - 22px);top:8px}
 .hero-tour .hero-device:after{top:10px;width:3px;height:3px}
 .hero-companions{margin-top:27px;height:285px}
 .hero-tour .scene-caption{font-size:11px;line-height:1.6;margin-top:17px}
}
.header .status .mobile-access-label{display:none}
@media(max-width:700px){.header .status .desktop-access-label{display:none}.header .status .mobile-access-label{display:inline}}

/* The computer preview keeps the app's left sidebar at every size. */
@media(max-width:700px){
 .hero-tour .workspace-body{display:grid;grid-template-columns:24% minmax(0,1fr)}
 .hero-tour .sidebar{display:flex;flex-direction:column;padding:8px 5px 5px;overflow-y:auto;border-right:1px solid var(--preview-line);border-bottom:0}
 .hero-tour .mini-wordmark{padding:0 2px;align-self:stretch;letter-spacing:-.4px}
 .hero-tour .mini-wordmark b{font-size:9px;margin-left:4px}
 .hero-tour .mini-brand-mark{width:12px;height:15px}
 .hero-tour .product-tabs{display:flex;flex-direction:column;overflow:visible;padding:0;gap:1px;margin-top:8px}
 .hero-tour .product-tabs button{width:100%;flex-shrink:0;min-height:21px;justify-content:flex-start;padding:4px;font-size:7px;gap:4px;border-radius:4px}
 .hero-tour .product-tabs .icon{width:10px;height:10px}
 .hero-tour .preview-profile{display:flex;margin-top:auto;padding:7px 2px 0;gap:4px;grid-column:auto;grid-row:auto;border-top:1px solid var(--preview-line)}
 .hero-tour .profile-avatar{width:16px;height:16px;font-size:7px;border-radius:5px}
 .hero-tour .preview-profile b{font-size:7px}
 .hero-tour .preview-content{padding:12px 10px}
 .hero-tour .preview-panel h2{font-size:17px}
 .hero-tour .today-grid{gap:8px}
 .hero-tour .today-side{display:block}
 .hero-tour .today-side .preview-card{display:block}
}

/* Scale every laptop panel together on narrow screens. */
@media(max-width:700px){
 .hero-tour .preview-panel h3{font-size:9px;line-height:1.5}
 .hero-tour .chat-bubble{font-size:8px;line-height:1.6;padding:8px 10px;margin-left:20px;border-radius:7px 7px 0 7px}
 .hero-tour .assistant-message{font-size:8px;line-height:1.6;margin:9px 0 7px}
 .hero-tour .assistant-label{font-size:6px;margin-bottom:3px}
 .hero-tour .proposal{padding:8px 10px;border-radius:5px}
 .hero-tour .proposal h3{margin:5px 0;font-size:9px}
 .hero-tour .proposal p{font-size:7px;margin-bottom:6px}
 .hero-tour .proposal-footer{padding-top:6px;font-size:6px;gap:5px}
 .hero-tour .sample-composer{font-size:7px;padding:7px 9px;margin-top:9px}
 .hero-tour .project-breadcrumb{font-size:6px;margin:8px 0}
 .hero-tour .project-overview{padding:8px;gap:7px}
 .hero-tour .project-overview .icon{width:16px;height:16px}
 .hero-tour .project-overview h3{font-size:10px}
 .hero-tour .project-overview p{font-size:7px}
 .hero-tour .project-columns{grid-template-columns:1.15fr 1fr;gap:9px;margin-top:10px}
 .hero-tour .task-row{font-size:7px;padding:7px 0;gap:5px}
 .hero-tour .task-circle{width:8px;height:8px;font-size:6px;flex-shrink:0}
 .hero-tour .wallet-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:12px}
 .hero-tour .wallet-stats>div{padding:8px 6px;border-radius:5px}
 .hero-tour .wallet-stats>div:last-child{grid-column:auto;display:block}
 .hero-tour .wallet-stats span{font-size:6px;margin-bottom:6px}
 .hero-tour .wallet-stats b{font-size:13px;letter-spacing:-.5px}
 .hero-tour .payment{padding:8px 0;gap:6px}
 .hero-tour .payment-icon{width:16px;height:16px;font-size:9px}
 .hero-tour .payment b{font-size:7px}
 .hero-tour .payment p{font-size:6px;margin-top:3px}
 .hero-tour .payment strong{font-size:8px}
 .hero-tour .payment .tag{font-size:5px;padding:3px 4px}
 .hero-tour .preview-note{font-size:6px;line-height:1.6;margin-top:10px}
 .hero-tour .sample-filters{gap:3px;margin:9px 0}
 .hero-tour .sample-filters span{font-size:6px;padding:4px 5px}
 .hero-tour .memory-record{padding:9px 0}
 .hero-tour .memory-record h3{font-size:9px;margin:5px 0 6px}
 .hero-tour .twin-record{padding:10px;border-radius:5px}
 .hero-tour .twin-record h3{font-size:11px;line-height:1.5;margin:8px 0}
 .hero-tour .quote{font-size:7px;line-height:1.6;padding:2px 8px;border-left-width:2px}
 .hero-tour .quote span{font-size:6px;margin-top:4px}
 .hero-tour .sample-decisions{gap:4px;margin-top:10px}
 .hero-tour .sample-decisions span{font-size:6px;padding:5px 6px}
}

@media(max-width:700px){
 .hero-tour .preview-panel{font-size:7px;line-height:1.4}
 .hero-tour .preview-panel h2{font-size:15px;letter-spacing:-.5px}
 .hero-tour .preview-intro{font-size:7px;line-height:1.4;margin-bottom:8px}
 .hero-tour .chat-bubble{font-size:7px;line-height:1.4;padding:6px 8px;margin-left:12px}
 .hero-tour .assistant-message{font-size:7px;line-height:1.4;margin:6px 0}
 .hero-tour .assistant-message p{margin:3px 0 0}
 .hero-tour .proposal{padding:6px 8px}
 .hero-tour .proposal h3{font-size:8px;margin:3px 0}
 .hero-tour .proposal p{font-size:6px;line-height:1.4;margin-bottom:4px}
 .hero-tour .proposal-footer{padding-top:4px}
 .hero-tour .sample-composer{padding:5px 7px;margin-top:6px}
 .hero-tour .sample-composer span{font-size:9px}
}

@media(max-width:700px){
 .hero-tour .preview-panel:not(#panel-today){zoom:.65}
 .hero-tour #panel-projects{zoom:.58}
}

/* A compact, aligned device group for the mobile hero. */
@media(max-width:700px){
 .hero-tour #panel-today{zoom:.65}
 .hero-tour .agenda-item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px}
 .hero-tour .agenda-item b{display:block;line-height:1.4}
 .hero-tour .agenda-item p{line-height:1.4}
 .hero-tour .preview-card p{margin-bottom:6px;line-height:1.4}
 .hero-companions{height:245px;margin-top:20px;max-width:340px}
 .hero-tablet{left:3%;bottom:75px;transform:scale(.46)}
 .hero-phone{right:3%;bottom:75px;transform:scale(.46)}
 .hero-watch{left:17%;bottom:0;transform:scale(.38)}
 .hero-glasses{right:4%;bottom:8px;width:145px}
 .glasses-caption{display:none}
 .hero-tour .scene-caption{font-size:11px;line-height:1.5;max-width:300px;margin:14px auto 0}
 .hero-device-labels{gap:7px 13px;font-size:10px;margin:12px 0 10px}
}

/* Three mobile columns: tablet, phone, and stacked accessories. */
@media(max-width:700px){
 .hero-companions{height:150px;margin-top:22px;max-width:340px}
 .hero-tablet{left:0;right:auto;top:0;bottom:auto;transform:scale(.4);transform-origin:left top}
 .hero-phone{left:41%;right:auto;top:0;bottom:auto;transform:scale(.4);transform-origin:left top}
 .hero-watch{left:auto;right:8%;top:0;bottom:auto;transform:scale(.35);transform-origin:right top}
 .hero-glasses{left:auto;right:0;top:auto;bottom:8px;width:100px}
}
@media(max-width:350px){
 .hero-companions{height:135px}
 .hero-tablet{transform:scale(.35)}
 .hero-phone{left:40%;transform:scale(.35)}
 .hero-watch{right:8%;transform:scale(.3)}
 .hero-glasses{width:86px}
}

.hero-robot{display:none}
@media(max-width:700px){
 .hero-watch{right:18%}
 .hero-robot{display:block;left:auto;right:0;top:5px;bottom:auto;transform:scale(.31);transform-origin:right top}
}
@media(max-width:350px){
 .hero-watch{right:18%}
 .hero-robot{top:4px;transform:scale(.27)}
}

/* The desk companion is part of the device family on larger screens too. */
@media(min-width:1100px){
 .hero-robot{display:block;left:calc(12% + 120px);right:auto;top:min(calc(40vw - 85px),555px);bottom:auto;transform:scale(.45);transform-origin:left top;z-index:7}
}
@media(min-width:701px) and (max-width:1099px){
 .hero-robot{display:block;left:36%;right:auto;top:auto;bottom:10px;transform:scale(.4);transform-origin:left bottom}
}

/* A friendly desk companion, in front of the tablet. */
.hero-robot .robot-face i{top:40px;left:34px;width:12px;height:18px;border-radius:7px;background:#eef0f3;box-shadow:0 0 8px #ffffff25}
.hero-robot .robot-face i:nth-child(2){left:88px}
.hero-robot .robot-face i:after{content:'';position:absolute;top:3px;left:3px;width:3px;height:4px;border-radius:50%;background:#fff}
.hero-robot .robot-face b{left:51px;top:67px;width:30px;height:17px;background:transparent;border-bottom:4px solid #eef0f3;border-radius:0 0 22px 22px}
.hero-robot .robot-face:before,.hero-robot .robot-face:after{content:'';position:absolute;top:64px;width:12px;height:3px;border-radius:4px;background:#bec1c7;opacity:.3}
.hero-robot .robot-face:before{left:26px}
.hero-robot .robot-face:after{right:25px}
@media(min-width:1100px){
 .hero-robot{left:auto;right:calc(3% + 300px);top:auto;bottom:30px;transform:scale(.95);transform-origin:right bottom;z-index:8}
}