.home-content{--care-photo:url('home-source/assets/care.png');--editor-photo:url('home-source/assets/editor.webp');:root{--milk:#FFF8F1;--cocoa:#4A3A2E;--oat:#F1E2CF;--rose:#B77A70;--quiet:#796C60;--line:#E5D6C6;--care-photo:url('home-source/assets/care.png');--editor-photo:url('home-source/assets/editor.webp');color-scheme:light;scroll-behavior:smooth;scroll-padding-top:60px} *{box-sizing:border-box}body{margin:0;background:var(--milk);color:var(--cocoa);font:400 16px/1.5 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:#e7d9c7}a:focus-visible,button:focus-visible{outline:2px solid var(--cocoa);outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}button,a{touch-action:manipulation}.section-wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.preview-bar{position:relative;z-index:5;min-height:38px;background:#ece3d7;border-bottom:1px solid #dfd0bd;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 30px;color:#665749;font-size:11px;letter-spacing:.04em}.preview-bar>span{display:flex;align-items:center;gap:8px}.preview-dot{width:5px;height:5px;border-radius:50%;background:#88765f}.preview-bar button{border:0;background:transparent;color:var(--cocoa);min-height:30px;padding:3px 6px;font-size:11px;display:flex;gap:8px;align-items:center}.site-header{margin:0 30px;padding:18px 12px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.brand>span{font:400 38px/.9 Georgia,'Times New Roman',serif;letter-spacing:-.055em}.brand small{font-size:8px;letter-spacing:.43em;margin-top:9px;margin-left:3px;white-space:nowrap}.site-header nav,.header-actions{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav a{padding:10px 0;position:relative}.site-header nav a:after{content:'';position:absolute;height:1px;bottom:6px;left:0;right:0;background:var(--cocoa);transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav a:hover:after{transform:scaleX(1)}.header-actions{gap:20px}.phone-link{font-size:13px;white-space:nowrap}.button{min-height:48px;border-radius:8px;border:1px solid var(--cocoa);padding:12px 20px;background:var(--cocoa);color:var(--milk);display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;transition:background .25s,transform .3s,box-shadow .3s}.button-outline{background:transparent;color:var(--cocoa)}.button-small{min-height:42px;padding:8px 16px}.arrow{display:inline-block;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.button:hover{background:#604b3b;transform:translateY(-2px);box-shadow:0 8px 18px #4a3a2e18}.button-outline:hover{background:var(--oat);color:var(--cocoa)}.button:hover .arrow,.text-link:hover .arrow{transform:translate(3px,-2px)}.button:active{transform:translateY(1px);box-shadow:none}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;min-height:640px;padding-block:40px 45px;position:relative}.hero-copy{position:relative;z-index:2;padding-block:22px}.eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:22px}.hero .eyebrow{color:#9f6158}.hero h1{font-size:clamp(44px,4.8vw,72px);line-height:1.02;letter-spacing:-.055em;color:#36281f}.hero h1 em{color:#aa7066;font-style:normal;white-space:nowrap}.hero-description{max-width:460px;font-size:19px;line-height:1.48;margin:25px 0}.store-actions{display:flex;flex-wrap:wrap;gap:12px}.store-symbol{font-size:20px;line-height:1}.small-note{font-size:12px;color:var(--quiet);margin-top:12px}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:14px;padding-block:8px;border-bottom:1px solid #a89583;transition:color .25s}.hero-scroll{margin-top:32px;color:var(--quiet)}.hero-scroll:hover .arrow{transform:translateY(4px)}.hero-art{position:relative;height:540px;isolation:isolate}.silk-layer{position:absolute;width:650px;max-width:135%;aspect-ratio:1;left:-2%;top:-11%;z-index:-1;transform:rotate(-3deg);transform-origin:55% 50%;animation:silk-breathe 14s ease-in-out infinite alternate;pointer-events:none}.silk-layer img,.silk-layer canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.silk-layer canvas{display:none}.phone-shadow{position:absolute;left:35%;bottom:3%;width:53%;height:30px;filter:blur(16px);background:#4a3a2e29;transform:rotate(-4deg);border-radius:50%;z-index:0}.device{position:absolute;width:258px;height:500px;right:12%;top:12px;border:3px solid #837064;border-radius:43px;background:#1d1916;padding:5px;box-shadow:2px 3px 0 #bda894,5px 8px 0 #3b2d22,14px 21px 25px #6b534e20;transform:rotate(3deg);z-index:2}.device-screen{width:100%;height:100%;border-radius:35px;overflow:hidden;background:#fcf7ef;position:relative;border:1px solid #cbbcad}.status-bar{height:44px;padding:12px 17px;display:flex;align-items:flex-start;justify-content:space-between;font-size:11px;font-weight:600;color:#1f1c18}.island{position:absolute;width:82px;height:23px;background:#12110f;top:8px;left:50%;transform:translateX(-50%);border-radius:20px}.device-content{padding:6px 15px}.device h2{font-size:27px;line-height:1.1;letter-spacing:-.04em}.device-caption{font-size:10px;color:var(--quiet);margin-top:4px}.device-tabs{margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:5px;text-align:center;font-size:10px}.device-tabs span{padding:9px 3px;background:#f3ede4;border-radius:6px}.device-tabs span:first-child{background:#e1c5b9}.device-date{font-size:11px;margin-bottom:9px}.device-record{padding:8px 6px;background:#fffdf9;border-radius:10px;display:grid;grid-template-columns:47px 1fr 8px;gap:8px;align-items:center;margin-bottom:18px;box-shadow:0 4px 10px #4a3a2e06}.care-photo{background-image:var(--care-photo);background-size:cover;background-position:center;width:100%;height:60px;border-radius:7px}.photo-second{background-position:65% 34%;background-size:155%}.device-record strong{font-size:11px;font-weight:400;display:block}.device-record small{font-size:8px;color:var(--quiet);display:block;margin-top:5px}.device-bottom-note{font-size:9px;color:var(--quiet);display:flex;gap:7px;align-items:center}.small-circle{width:16px;height:16px;border:1px solid #a28c71;border-radius:50%;display:grid;place-items:center;font-size:10px}.device-nav{position:absolute;bottom:12px;left:0;right:0;border-top:1px solid #e9e0d5;display:flex;justify-content:space-around;padding-top:10px;font-size:18px;color:#7b6957}.device-nav span{display:flex;flex-direction:column;align-items:center;line-height:1.1}.device-nav small{font:7px/1.6 Arial,sans-serif;margin-top:4px}.floating-note{position:absolute;z-index:3;bottom:72px;left:-5%;width:218px;padding:18px 21px;background:#fffaf4;border:1px solid #eee2d4;border-radius:16px;box-shadow:0 16px 35px #6b534f17}.note-icon{display:grid;place-items:center;border:1px solid #ddcbbb;border-radius:9px;width:37px;height:37px;margin-bottom:12px;font-size:21px;color:#8e6550}.floating-note strong{font-size:15px;font-weight:400;display:block}.floating-note>span{font-size:11px;color:var(--quiet);display:block;margin-top:6px}.note-rule{display:flex;gap:5px;margin-top:15px}.note-rule i{width:24px;height:3px;border-radius:4px;background:#c9b69d}.note-rule i:last-child{width:52px;background:#e4d5c1}.art-caption{position:absolute;bottom:-14px;width:100%;text-align:center;font-size:10px;color:var(--quiet)}.steps-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0 30px}.steps-section .eyebrow{margin-bottom:17px}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.steps-row>div{display:flex;align-items:center;gap:18px}.step-icon{font:22px/1 Georgia,serif;border:1px solid #decfbe;background:#f4e9da;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:none}.steps-row strong,.steps-row small{display:block}.steps-row strong{font-weight:400;font-size:15px}.steps-row small{font-size:12px;color:var(--quiet);margin-top:5px}.audiences{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-block:55px}.audience-card{position:relative;overflow:hidden;border-radius:15px;min-height:285px;border:1px solid #e4d5c4;background:#f0e5d6;isolation:isolate;scroll-margin-top:40px}.audience-copy{position:relative;z-index:2;padding:32px 28px}.audience-copy .eyebrow{font-size:9px;margin-bottom:15px}.audience-copy h2{font-size:37px;letter-spacing:-.04em;line-height:1.1;margin-bottom:14px}.audience-copy p:not(.eyebrow){font-size:13px;color:#6a5c4e;line-height:1.6}.audience-copy .text-link{margin-top:20px}.audience-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,#fff8f1 0%,#fff8f1f0 30%,#fff8f170 65%,#fff8f110 100%),var(--editor-photo);background-size:cover;background-position:65% center;z-index:0;transition:transform .7s}.audience-card:hover .audience-photo{transform:scale(1.035)}.business-card{background:#eee2d1}.business-art{position:absolute;inset:0;z-index:0;overflow:hidden}.business-line{width:340px;height:340px;border:1px solid #d1bda5;position:absolute;right:-150px;top:-80px;border-radius:50%;box-shadow:0 0 0 30px #e9dbc8,0 0 0 31px #d9c6ad,0 0 0 60px #ecdfce,0 0 0 61px #e0ceb8}.business-tile{position:absolute;width:130px;height:170px;right:18px;bottom:-22px;padding:20px 17px;border-radius:13px;transform:rotate(-14deg);background:#fffbf3;border:1px solid #e5d6c4;box-shadow:0 10px 20px #4a3a2e15;transition:transform .5s}.business-tile span{font:17px Georgia,serif}.business-tile i{display:block;height:17px;background:#f0e5d5;border-radius:4px;margin-top:13px}.business-tile i:nth-child(3){background:#d9d2bd}.business-card:hover .business-tile{transform:rotate(-10deg) translateY(-5px)}.privacy{border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;padding-block:44px}.privacy-mark{width:54px;height:64px;border:1px solid #9d8066;border-radius:27px 27px 25px 25px;display:grid;place-items:center;font:30px Georgia,serif}.privacy h2{font-size:35px;line-height:1.1;letter-spacing:-.04em}.privacy p{font-size:14px;color:var(--quiet);margin-left:auto;line-height:1.65}.closing{background:#f2e7d7;padding-block:45px}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.closing h2{font-size:44px;line-height:1.08;letter-spacing:-.04em}.closing .eyebrow{margin-bottom:17px}.closing-actions{display:flex;gap:12px;flex-wrap:wrap}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:125px;font-size:12px}footer .brand>span{font-size:29px}footer .brand small{font-size:6px}footer>span{font-size:10px;color:var(--quiet)} .hero{overflow:hidden} #silk-canvas[data-renderer="webgl"]{display:block} @keyframes silk-breathe{from{transform:translate(-5px,5px) rotate(-4deg) scale(1.02)}to{transform:translate(8px,-5px) rotate(-1deg) scale(1.045)}} html[data-motion="paused"] .silk-layer{animation-play-state:paused}html[data-motion="paused"] .button,html[data-motion="paused"] .arrow,html[data-motion="paused"] .audience-photo,html[data-motion="paused"] .business-tile{transition:none}html[data-motion="paused"] .button:hover,html[data-motion="paused"] .button:active,html[data-motion="paused"] .arrow,html[data-motion="paused"] .audience-photo,html[data-motion="paused"] .business-tile{transform:none} @media(min-width:1450px){.hero{min-height:680px}.hero-art{height:570px}.device{width:276px;height:530px;top:10px}.device-content{padding:10px 18px}.device-record{grid-template-columns:50px 1fr 8px;margin-bottom:23px}.device-date{margin-bottom:12px}.device-bottom-note{margin-top:25px}.floating-note{bottom:85px}.silk-layer{width:700px;left:-5%;top:-14%}} @media(max-width:1050px){.site-header nav{gap:17px}.site-header{gap:20px}.phone-link{display:none}.section-wrap{width:calc(100% - 48px)}.hero{grid-template-columns:1.1fr 1fr;min-height:580px;padding-top:25px}.hero h1{font-size:clamp(42px,5.6vw,59px)}.hero-description{font-size:16px;max-width:360px}.hero-art{height:480px}.device{width:226px;height:440px;right:4%}.device h2{font-size:24px}.device-content{padding:4px 13px}.device-tabs{margin:13px 0}.device-record{grid-template-columns:39px 1fr 7px;gap:7px;padding:6px;margin-bottom:14px}.care-photo{height:51px}.device-record strong{font-size:10px}.device-record small{font-size:7px}.device-bottom-note{font-size:8px}.device-nav{bottom:11px}.floating-note{width:185px;padding:14px 16px;left:-7%;bottom:54px}.floating-note strong{font-size:13px}.floating-note>span{font-size:10px}.art-caption{font-size:9px}.silk-layer{width:520px;max-width:145%;top:-3%;left:-5%}.audience-copy{padding:28px 24px}.business-tile{right:-26px;opacity:.65}.steps-row{gap:17px}.steps-row>div{gap:11px}.steps-row strong{font-size:13px}.steps-row small{font-size:11px}.step-icon{width:44px;height:44px}.closing h2{font-size:38px}footer{flex-wrap:wrap;justify-content:flex-start;padding-block:28px}footer>span{margin-left:auto}} @media(max-width:740px){.site-header{margin:0 20px;padding:17px 0}.site-header nav{display:none}.brand>span{font-size:32px}.brand small{font-size:6px}.preview-bar{padding-inline:14px;gap:8px;font-size:10px}.preview-version{display:none}.preview-bar button{font-size:10px}.section-wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-top:24px;padding-bottom:18px;gap:5px}.hero-copy{padding-block:10px 0}.hero h1{font-size:clamp(42px,8.3vw,58px);letter-spacing:-.05em}.hero .eyebrow{font-size:9px;margin-bottom:17px}.hero-description{font-size:17px;max-width:420px;margin:21px 0}.hero-scroll{margin-top:20px}.hero-art{height:500px;width:min(460px,100%);margin-inline:auto;margin-top:20px}.device{width:245px;height:475px;top:2px;right:8%}.device-content{padding:6px 16px}.device h2{font-size:27px}.device-tabs{margin:17px 0}.device-record{grid-template-columns:43px 1fr 8px;margin-bottom:18px;gap:8px;padding:8px 6px}.device-record strong{font-size:11px}.device-record small{font-size:8px}.care-photo{height:58px}.device-bottom-note{font-size:9px}.silk-layer{width:550px;max-width:130%;left:-12%;top:-6%}.floating-note{left:0;bottom:64px;width:190px;padding:17px 19px}.art-caption{bottom:-6px;font-size:9px}.steps-section{padding-block:25px}.steps-row{grid-template-columns:1fr;gap:20px}.steps-row>div{gap:17px}.steps-row strong{font-size:15px}.steps-row small{font-size:12px}.audiences{grid-template-columns:1fr;padding-block:32px;gap:16px}.audience-card{min-height:260px}.business-tile{right:20px;opacity:1}.privacy{flex-wrap:wrap;gap:22px;padding-block:35px}.privacy h2{font-size:32px}.privacy p{margin:0;font-size:13px}.closing-inner{display:block}.closing h2{font-size:38px}.closing-actions{margin-top:25px;gap:10px}.closing .button{padding:12px 15px;flex:1}.closing{padding-block:35px}footer{gap:20px}footer>span{margin-left:0;flex-basis:100%}} @media(max-width:370px){.section-wrap{width:calc(100% - 32px)}.hero h1{font-size:39px}.hero h1 em{font-size:37px;letter-spacing:-.055em}.hero-description{font-size:15px}.store-actions{gap:8px}.store-actions .button{padding:11px 12px;gap:7px;font-size:12px;min-height:46px}.hero-art{height:450px}.device{width:220px;height:430px;right:0}.device h2{font-size:24px}.device-content{padding:4px 12px}.device-tabs{margin:13px 0}.device-record{grid-template-columns:36px 1fr 7px;gap:6px;padding:7px 5px;margin-bottom:14px}.care-photo{height:49px}.device-record strong{font-size:10px}.device-record small{font-size:7px}.floating-note{width:166px;padding:14px;bottom:45px;left:-2px}.floating-note strong{font-size:12px}.floating-note>span{font-size:9px}.device-bottom-note{font-size:8px}.silk-layer{left:-11%;top:-3%}.preview-bar>span{font-size:9px}.preview-bar button{font-size:9px;gap:5px}.audience-copy h2{font-size:33px}.business-tile{right:-35px;opacity:.45}} @media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.silk-layer{animation:none!important}.button,.arrow,.audience-photo,.business-tile,.site-header nav a:after{transition:none!important}.button:hover,.button:active,.button:hover .arrow,.text-link:hover .arrow,.audience-card:hover .audience-photo{transform:none!important}} @media(max-width:740px){.hero{grid-template-columns:minmax(0,1fr)}} @media(max-width:370px){.hero h1{font-size:37px}.hero h1 em{font-size:34px}.device{right:13px}} .reading{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;border-top:1px solid var(--line);padding-block:48px 60px}.reading .eyebrow{margin-bottom:16px}.reading h2{font-size:39px;line-height:1.12;letter-spacing:-.04em}.blog-intro>p:not(.eyebrow){max-width:340px;margin-top:19px;color:var(--quiet);font-size:15px;line-height:1.65}.blog-intro .text-link{margin-top:22px}.faq{border-left:1px solid var(--line);padding-left:45px}.faq h2{font-size:30px;margin-bottom:20px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;min-height:54px;padding:12px 0;font-size:14px}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font:22px Georgia,serif;transition:transform .25s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details>p{padding:0 25px 20px 0;color:var(--quiet);font-size:13px;line-height:1.65}.faq summary:focus-visible{outline:2px solid var(--cocoa);outline-offset:4px}.footer-links{display:flex;flex-wrap:wrap;gap:12px;font-size:10px}footer{flex-wrap:wrap;padding-block:30px;gap:20px}.footer-links a:hover{text-decoration:underline} @media(max-width:1050px){.reading{gap:32px}.faq{padding-left:28px}.reading h2{font-size:34px}.faq h2{font-size:29px}.footer-links{flex-basis:100%}} @media(max-width:740px){.reading{grid-template-columns:minmax(0,1fr);gap:34px;padding-block:34px 40px}.reading h2{font-size:34px}.faq{border-left:0;padding-left:0}.faq h2{font-size:30px}.blog-intro>p:not(.eyebrow){font-size:14px}.faq summary{font-size:13px}.footer-links{gap:10px 16px}} @media(prefers-reduced-motion:reduce){.faq summary>span{transition:none}} /* V8: approved full-page composition with platform artwork. */ .hero-line-break{display:block}.store-actions,.closing-actions{gap:14px;align-items:center;padding:12px 0}.store-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;border-radius:8px;line-height:0}.store-badge img{display:block;width:auto;height:48px}.store-badge:focus-visible{outline:2px solid var(--cocoa);outline-offset:6px}.store-badge:hover{outline:1px solid #baa48a;outline-offset:5px}.store-badge:active{outline-color:var(--cocoa)} .menu-toggle{display:none}.steps-row{list-style:none;margin:0;padding:0}.steps-row>li{display:flex;align-items:center;gap:18px}.step-icon{font-size:26px;background:#f4eadd;border:0}.steps-row>li+li{border-left:1px solid var(--line);padding-left:30px}.steps-section .eyebrow{color:#9f6158} .audiences{gap:20px;padding-block:30px}.audience-card{min-height:245px}.audience-photo{width:100%;height:100%;object-fit:cover;object-position:center;background:none}.audience-card::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fff8f1e8 0%,#fff8f1bf 35%,#fff8f130 67%,transparent 100%);pointer-events:none}.audience-copy{padding:28px 28px 24px}.audience-copy .eyebrow{color:#985e50}.audience-copy h2{font-size:39px}.audience-copy .text-link{margin-top:18px;color:#8d4b3e}.audience-copy p:not(.eyebrow){font-size:14px}.audience-card:hover .audience-photo{transform:scale(1.02)} .privacy{border:1px solid var(--line);border-radius:12px;padding:22px 28px;gap:22px;margin-bottom:28px}.privacy-mark{border:0;border-radius:0;width:42px;height:50px;flex:none}.privacy-mark svg{display:block;width:100%;height:100%}.privacy h2{font-size:31px;line-height:1.18}.privacy p{max-width:420px;padding-left:25px;border-left:1px solid var(--line);font-size:12px} .reading{padding-block:24px 40px;gap:38px;border-top:0}.blog-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,30%);column-gap:20px;align-content:start}.blog-intro>*{grid-column:1}.blog-intro .blog-photo{grid-column:2;grid-row:1/5;align-self:stretch;min-height:185px;width:100%;height:100%;max-height:220px;object-fit:cover;object-position:center;border-radius:10px}.blog-intro .eyebrow{color:#985e50}.blog-intro h2{font-size:34px}.blog-intro>p:not(.eyebrow){font-size:14px;margin-top:13px}.blog-intro .text-link{justify-self:start;margin-top:12px;color:#8d4b3e}.faq{padding-left:30px}.faq .eyebrow{display:none}.faq h2{margin-bottom:14px}.closing{padding-block:28px}.closing h2{font-size:40px}.closing-actions{flex:none;flex-wrap:nowrap}.closing-inner{gap:28px} @media(max-width:1050px){.steps-row>li{gap:12px}.steps-row>li+li{padding-left:17px}.audience-copy{padding-inline:22px}.audience-copy h2{font-size:33px}.audience-copy p:not(.eyebrow){font-size:13px}.privacy h2{font-size:27px}.privacy p{max-width:310px;font-size:11px;padding-left:18px}.blog-intro{grid-template-columns:minmax(0,1fr) 105px;gap:12px}.blog-intro h2{font-size:29px}.reading{gap:26px}.faq{padding-left:24px}.closing h2{font-size:34px}.closing-actions{gap:12px}.closing-actions .store-badge img{height:43px}} @media(max-width:740px){ .site-header{position:relative;z-index:5;flex-wrap:wrap;gap:14px}.header-actions{gap:8px}.header-actions .button-small{padding:8px 18px;min-height:38px;font-size:12px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:9px;border:0;background:transparent;color:var(--cocoa)}.menu-toggle span{display:block;height:1px;width:22px;background:currentColor}.menu-toggle span:last-child{width:13px}.site-header nav{display:none;order:3;flex-basis:100%;padding:8px 0 4px;justify-content:space-between;gap:10px;font-size:12px}.site-header nav[data-open='true']{display:flex}.site-header nav a{white-space:nowrap} .hero-copy{text-align:center}.hero-line-break{display:inline}.hero h1{font-size:clamp(34px,7.5vw,50px);line-height:1.04;letter-spacing:-.055em}.hero h1 em{white-space:normal;font-size:inherit}.hero .eyebrow{font-size:9px;letter-spacing:.16em}.hero-description{font-size:16px;max-width:440px;margin:18px auto 12px}.store-actions{justify-content:center;gap:12px;padding:12px 0 4px}.store-badge img{height:43px}.small-note{margin-top:9px}.hero-scroll{margin-top:15px}.hero-art{margin-top:18px;height:490px}.device{right:calc(50% - 122px);transform:rotate(0)}.floating-note{left:0;bottom:72px}.phone-shadow{left:27%;width:55%}.silk-layer{max-width:140%;width:550px;left:-15%;top:-6%} .steps-row>li{gap:18px}.steps-row>li+li{padding-left:0;border-left:0}.step-icon{width:48px;height:48px}.steps-row strong{font-size:16px}.steps-row small{font-size:12px}.audiences{padding-block:25px;gap:14px}.audience-card{min-height:205px}.audience-copy{padding:23px 20px}.audience-copy .eyebrow{margin-bottom:10px}.audience-copy h2{font-size:32px;margin-bottom:12px}.audience-copy .text-link{margin-top:14px;font-size:13px}.audience-photo{object-position:center}.audience-card::after{background:linear-gradient(90deg,#fff8f1e8,#fff8f1a6 45%,#fff8f110 100%)} .privacy{padding:18px 17px;gap:12px;display:grid;grid-template-columns:37px minmax(0,1fr);margin-bottom:20px}.privacy-mark{width:34px;height:43px;grid-row:1/3}.privacy h2{font-size:25px}.privacy p{grid-column:2;border:0;padding:0;max-width:none;font-size:11px;line-height:1.45}.reading{padding-block:12px 30px;gap:27px}.blog-intro{grid-template-columns:minmax(0,1fr) 108px;gap:0 13px}.blog-intro h2{font-size:29px}.blog-intro>p:not(.eyebrow){font-size:13px;line-height:1.5}.blog-intro .blog-photo{min-height:165px;max-height:205px}.blog-intro .eyebrow{font-size:9px;margin-bottom:12px}.faq{padding-left:0}.faq h2{font-size:30px}.closing{padding-block:26px}.closing-inner{text-align:center}.closing h2{font-size:32px}.closing-actions{justify-content:center;gap:12px;margin-top:16px;padding-block:8px}.closing-actions .store-badge img{height:43px}footer{gap:18px;font-size:12px}.footer-links{font-size:10px} } @media(max-width:370px){.hero h1{font-size:33px}.hero h1 em{font-size:33px;letter-spacing:-.055em}.hero-description{font-size:14px}.store-badge img,.closing-actions .store-badge img{height:40px}.store-actions,.closing-actions{gap:11px}.hero-art{height:444px}.device{right:calc(50% - 110px)}.floating-note{left:0;bottom:48px;width:164px}.preview-bar{padding-inline:9px}.preview-bar>span{font-size:8px}.preview-bar button{font-size:9px}.audience-copy h2{font-size:29px}.audience-copy{padding:20px 17px}.audience-copy p:not(.eyebrow){font-size:12px}.blog-intro{grid-template-columns:minmax(0,1fr) 88px;gap:0 10px}.blog-intro h2{font-size:27px}.blog-intro>p:not(.eyebrow){font-size:12px}.blog-intro .blog-photo{min-height:160px}.privacy h2{font-size:23px}.closing h2{font-size:30px}.site-header nav{font-size:10px;gap:7px}} @media(prefers-reduced-motion:reduce){.store-badge,.menu-toggle{transition:none}.audience-card:hover .audience-photo{transform:none}} .blog-intro .blog-photo{object-position:right center} /* V9: product, outcome, first action; motion supports the explanation. */ .hero{grid-template-columns:1.08fr 1fr;min-height:660px} .hero h1{font-size:clamp(44px,4.4vw,66px);max-width:670px} .hero h1 em{white-space:normal} .hero-description{font-size:19px;max-width:520px;margin:24px 0 12px} .hero-purpose{font-size:15px;line-height:1.6;color:var(--quiet);max-width:450px;margin-bottom:18px} .hero .small-note{font-size:12px;max-width:460px} .hero-scroll{margin-top:20px;color:var(--cocoa)} .product-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:72px 76px;border-top:1px solid var(--line);align-items:center;scroll-margin-top:24px} .product-section .eyebrow,.sharing-section .eyebrow{color:#925c50;margin-bottom:17px} .product-section h2,.sharing-section h2{font-size:clamp(36px,4vw,52px);line-height:1.08;letter-spacing:-.045em} .section-description{font-size:16px;line-height:1.65;margin-top:22px;color:#6f5e50;max-width:520px} .benefit-list{list-style:none;margin:28px 0 20px;padding:0;display:grid;gap:24px} .benefit-list li{display:flex;gap:17px;align-items:start} .benefit-list li>span{width:25px;flex:none;font-size:10px;letter-spacing:.1em;color:#a38067;padding-top:6px} .benefit-list h3{font:400 20px/1.3 Georgia,serif;margin-bottom:5px} .benefit-list p{font-size:14px;line-height:1.55;color:var(--quiet);max-width:390px} .record-preview{margin:0;padding:29px;background:#fffdf9;border:1px solid #dfcdb8;border-radius:19px;box-shadow:0 22px 55px #6e523b0c;transform:rotate(1deg)} .record-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.14em;color:#7d6856;border-bottom:1px solid var(--line);padding-bottom:18px} .example-label{letter-spacing:0;background:#f2e8da;border-radius:15px;padding:5px 9px;font-size:10px;white-space:nowrap} .record-preview-date{font-size:12px;color:var(--quiet);margin-top:22px} .record-preview h3{font-size:35px;letter-spacing:-.035em;margin-top:6px;line-height:1.15} .record-summary{display:flex;align-items:center;gap:20px;margin:20px 0} .record-summary img{width:90px;height:84px;object-fit:cover;border-radius:8px} .record-summary p{font:400 22px/1.35 Georgia,serif;color:#8a705b} .record-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0;border-block:1px solid var(--line);padding:20px 0} .record-fields dt,.record-notes>span{font-size:10px;color:var(--quiet);margin-bottom:5px} .record-fields dd{margin:0;font-size:13px;line-height:1.45} .record-notes{background:#f7efe3;padding:14px 16px;border-radius:8px} .record-notes p{font-size:13px;line-height:1.5;margin-top:5px} .record-preview figcaption,.sharing-preview figcaption{font-size:10px;color:#7c6d60;line-height:1.5;margin-top:17px} .steps-section{padding-block:38px 34px;scroll-margin-top:24px} .steps-section h2{font-size:42px;line-height:1.15;letter-spacing:-.04em;margin-bottom:30px} .steps-row>li{align-items:start;gap:16px} .steps-row strong{font-size:16px;line-height:1.4} .steps-row small{font-size:13px;line-height:1.55;margin-top:9px} .step-icon{width:44px;height:44px;font-size:25px} .steps-reassurance{font-size:13px;color:#756251;margin-top:27px;background:#f4ebdf;padding:13px 18px;border-radius:8px} #journal-story .journal-product-note{margin:9px 0 0;font:400 12px/1.5 Arial,sans-serif;color:#6b5b4e;max-width:760px} #journal-story .journal-intro{max-width:900px} .sharing-section{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:center;padding-block:60px 70px;border-bottom:1px solid var(--line)} .sharing-section h2{font-size:44px} .sharing-note{border-left:2px solid #ba9a7d;padding-left:18px;font-size:13px;line-height:1.65;color:#786452;margin-top:22px;max-width:440px} .sharing-preview{margin:0;border:1px solid var(--line);border-radius:14px;background:#fffdf9;padding:26px;box-shadow:10px 10px 0 #f1e7d8} .sharing-preview-head{display:flex;gap:12px;align-items:center;justify-content:space-between;font:22px/1.2 Georgia,serif} .format-label{font:10px Arial,sans-serif;padding:7px 9px;border:1px solid var(--line);border-radius:5px;white-space:nowrap} .sharing-period{font-size:11px;color:var(--quiet);margin:14px 0 20px} .sharing-row{display:flex;gap:16px;padding:14px 0;border-top:1px solid var(--line);align-items:center;font-size:11px;color:var(--quiet)} .sharing-row>span:first-child{width:24px;height:24px;border:1px solid #aa9478;border-radius:50%;display:grid;place-items:center;color:#695440} .sharing-row strong{display:block;font:400 18px/1.4 Georgia,serif;color:var(--cocoa);margin-top:4px} .sharing-selection{font-size:11px;line-height:1.6;background:#f4ebdf;border-radius:7px;padding:12px 14px;margin-top:10px} .audiences{padding-block:38px;gap:22px} .audience-card{min-height:285px} .audience-copy p:not(.eyebrow){max-width:325px;font-size:14px;line-height:1.65} .audience-card::after{background:linear-gradient(90deg,#fff8f1fa,#fff8f1e8 45%,#fff8f160 100%)} .audience-copy .text-link{margin-top:20px} .reading{padding-block:26px 48px} .faq summary{min-height:57px;line-height:1.4} .faq details>p a{color:#714632;text-decoration:underline;text-underline-offset:3px} .closing{padding-block:40px} .closing h2{font-size:37px;line-height:1.15} .closing-description{color:#756251;font-size:13px;margin-top:15px;max-width:480px} .closing .eyebrow{margin-bottom:14px} @media(max-width:1100px){ .site-header nav{gap:18px;font-size:12px}.product-section{gap:38px;padding-block:52px}.record-preview{padding:23px}.hero-description{font-size:17px}.hero-purpose{font-size:14px}.sharing-section{gap:40px}.sharing-section h2{font-size:37px}.steps-row strong{font-size:15px}.steps-row small{font-size:12px}.closing-inner{display:block}.closing-actions{margin-top:22px}.hero{min-height:640px}.audience-copy p:not(.eyebrow){max-width:275px} } @media(max-width:800px){ .product-section{grid-template-columns:1fr;gap:32px}.product-copy{max-width:600px}.product-section h2 br{display:none}.product-section h2 br:after{content:' '}.record-preview{max-width:560px;width:100%;justify-self:center;transform:none}.benefit-list{grid-template-columns:1fr;gap:20px}.sharing-section{gap:32px;grid-template-columns:1fr}.sharing-preview{max-width:520px;width:100%;justify-self:center}.sharing-section h2 br{display:none}.sharing-section h2{max-width:600px}.sharing-section{padding-block:38px 45px}.audience-copy h2{font-size:31px} } @media(max-width:740px){ .hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:24px}.hero h1{font-size:clamp(37px,8.7vw,53px)}.hero h1 em{font-size:inherit}.hero-purpose{max-width:440px;margin:0 auto 16px;font-size:13px}.hero-description{font-size:16px;margin:19px auto 10px}.hero .small-note{font-size:11px;margin-inline:auto;max-width:300px}.hero .eyebrow{letter-spacing:.12em}.hero-scroll{margin-top:15px}.site-header nav[data-open='true']{flex-wrap:wrap;gap:6px 17px;justify-content:flex-start;font-size:12px} .product-section{padding-block:38px 42px;gap:28px}.product-section h2{font-size:37px;max-width:440px;line-height:1.1}.section-description{font-size:14px;margin-top:18px}.benefit-list{margin-top:24px}.benefit-list h3{font-size:20px}.benefit-list p{font-size:13px}.record-preview{padding:21px}.record-preview h3{font-size:31px}.record-preview-top{font-size:9px;letter-spacing:.09em}.record-fields{gap:18px 15px}.record-fields dd{font-size:12px}.record-summary p{font-size:21px}.record-notes p{font-size:12px} .steps-section{padding-block:29px}.steps-section h2{font-size:34px;margin-bottom:25px}.steps-row{gap:25px}.steps-row>li{gap:16px}.steps-row strong{font-size:16px}.steps-row small{font-size:13px}.steps-reassurance{font-size:12px;padding:13px 15px;line-height:1.55;margin-top:24px} #journal-story .journal-intro{font-size:12px;line-height:1.45}#journal-story .journal-product-note{font-size:10px;line-height:1.5;margin-top:8px}#journal-story[data-enhanced='true'] .journal-pin{min-height:670px} .sharing-section h2{font-size:34px;line-height:1.13}.sharing-preview{padding:21px}.sharing-preview-head{font-size:21px}.sharing-note{font-size:12px}.audiences{padding-block:28px;gap:18px}.audience-card{min-height:255px}.audience-copy p:not(.eyebrow){max-width:285px;font-size:13px}.audience-copy h2{font-size:33px}.audience-card::after{background:linear-gradient(90deg,#fff8f1f8,#fff8f1de 52%,#fff8f187 100%)}.reading{padding-block:16px 34px}.faq summary{font-size:13px}.closing{padding-block:32px}.closing h2{font-size:31px}.closing-description{font-size:12px;margin-inline:auto}.closing-actions{margin-top:20px} } @media(max-width:370px){ .hero h1,.hero h1 em{font-size:34px}.hero-description{font-size:15px}.hero-purpose{font-size:12px}.hero .eyebrow{font-size:8px}.record-preview{padding:17px}.record-preview-top{font-size:8px}.example-label{font-size:9px}.record-summary img{width:76px;height:76px}.record-summary p{font-size:20px}.product-section h2{font-size:34px}.record-fields{gap:15px 10px}.record-fields dd{font-size:11px}.sharing-preview{padding:18px}.sharing-preview-head{font-size:19px}.format-label{font-size:9px;padding:6px}.sharing-section h2{font-size:32px}.audience-copy h2{font-size:30px}.closing h2{font-size:29px} } @media(min-width:741px) and (max-width:1050px){.hero-art .floating-note{left:3%}} /* V10: feature-led story, with the approved visual identity. */ .preview-bar{position:sticky;top:0;z-index:50;background:#ece3d7f5;backdrop-filter:blur(10px)} .note-icon svg{display:block;width:23px;height:23px} .product-section{padding-block:64px;scroll-margin-top:38px} .product-section h2{font-size:clamp(35px,3.55vw,49px)} .sharing-section{border-bottom:0} .hero-purpose{max-width:470px} .hero .small-note{font-size:11px} @media(max-width:740px){.product-section{padding-block:38px}.product-section h2{font-size:35px}.hero-purpose{max-width:410px}.hero .small-note{max-width:300px;font-size:10px}.closing h2{font-size:30px}} @media(max-width:370px){.product-section h2{font-size:32px}.closing h2{font-size:28px}.hero h1,.hero h1 em{font-size:33px}} /* V11: the owner's review comments. */ .site-header nav{gap:22px} .site-header nav a{white-space:nowrap} .benefit-list li>span.benefit-check{width:28px;height:28px;padding:0;margin-top:1px;display:grid;place-items:center;border:1px solid #b9a38c;border-radius:50%;background:#f4eadc;color:#624b38} .benefit-check svg{display:block;width:23px;height:23px} .sharing-preview-head{align-items:flex-start} .sharing-qr{display:flex;gap:14px;align-items:center;padding-top:19px;margin-top:18px;border-top:1px solid var(--line)} .sharing-qr svg{width:38px;height:38px;flex:none;color:#72583f} .sharing-qr strong{display:block;font:400 17px/1.3 Georgia,serif} .sharing-qr div>span{display:block;font-size:11px;line-height:1.5;color:var(--quiet);margin-top:4px} footer.site-footer{display:block;padding-block:38px 22px} .footer-top{display:grid;grid-template-columns:190px 1fr 1.6fr;gap:36px;align-items:start} .footer-contact{display:grid;gap:12px;font-size:12px;padding-top:3px} .footer-community>p{font:400 20px/1.2 Georgia,serif;margin-bottom:14px;color:var(--cocoa)} .social-links{display:flex;flex-wrap:wrap;gap:9px 17px} .social-links a{display:inline-flex;align-items:center;gap:8px;min-height:32px;border-bottom:1px solid #cab6a1;font-size:12px;color:#6a513d} .social-links a span{font-size:14px;color:#8e7862;transition:transform .2s} .social-links a:hover span{transform:translate(2px,-2px)} .footer-bottom{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:29px;padding-top:20px;font-size:10px;color:var(--quiet)} @media(min-width:741px) and (max-width:1100px){.site-header{gap:18px}.site-header nav{gap:14px;font-size:11px}.header-actions{gap:12px}.footer-top{grid-template-columns:160px 1fr;gap:24px}.footer-community{grid-column:1/-1}} @media(max-width:740px){.site-header nav[data-open='true']{gap:4px 18px}.site-footer .brand{align-items:flex-start}.footer-top{grid-template-columns:1fr;gap:23px}.footer-contact{gap:10px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:16px;margin-top:26px}.footer-community>p{font-size:22px}.social-links{gap:10px 20px}.social-links a{min-height:36px}.site-footer .footer-links{display:flex;flex-wrap:wrap;gap:12px 20px}.sharing-preview-head{flex-wrap:wrap;gap:10px}.sharing-qr strong{font-size:18px}.sharing-qr div>span{font-size:11px}} html[data-overview='true']{scroll-behavior:auto} html[data-overview='true'] .preview-bar{position:static} html[data-overview='true'] #motion-toggle,html[data-overview='true'] .feature-replay{display:none!important} html[data-overview='true'] *{animation:none!important;transition:none!important} /* V12: legible social links and a genuine example QR. */ .sharing-heading-accent{color:#936a54} .sharing-section h2{font-size:clamp(34px,3.2vw,44px);line-height:1.12} .sharing-note{font-size:14px;line-height:1.65;max-width:510px;color:#66503f} .sharing-qr{display:grid;grid-template-columns:152px minmax(0,1fr);gap:20px;padding-top:24px;margin-top:20px;align-items:center} .sharing-qr-image{background:white;border:1px solid #e2d7ca;border-radius:10px;overflow:hidden;width:152px;height:152px} .sharing-qr-image img{display:block;width:100%;height:100%;object-fit:contain} .sharing-qr-copy .qr-eyebrow{font-size:8px;letter-spacing:.12em;line-height:1.6;color:#8e7560;margin:0 0 8px} .sharing-qr-copy strong{font:400 24px/1.12 Georgia,serif} .sharing-qr .sharing-qr-copy>span{font-size:12px;line-height:1.5;margin-top:10px} .sharing-qr-copy>small{display:block;font-size:10px;line-height:1.5;color:#8a7460;margin-top:10px} .site-footer{border-top:1px solid var(--line)} .footer-top{grid-template-columns:170px 210px minmax(0,1fr);gap:36px} .footer-contact{font-size:14px;gap:13px} .footer-community>p{font-size:25px;margin-bottom:8px} .footer-social-intro{display:block;font-size:13px;line-height:1.6;color:#75614e;margin-bottom:17px} .social-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .social-links a{display:flex;gap:10px;min-height:52px;padding:10px 13px;background:#fffdf9;border:1px solid #d8c9b8;border-radius:9px;font-size:15px;font-weight:500;color:#4a3a2e;transition:background .2s,border-color .2s} .social-links a:hover{background:#f1e2cf;border-color:#aa8f72} .social-links a .social-symbol{display:grid;place-items:center;width:23px;height:23px;flex:none;color:#6d513b} .social-symbol svg{width:23px;height:23px;display:block} .social-links a .social-name{font-size:inherit;color:inherit;min-width:0} .social-links a .social-monogram{font:700 14px Arial,sans-serif;letter-spacing:-.05em;color:inherit} .social-links a .social-arrow{margin-left:auto;font-size:15px;color:#806b57} .social-links a:hover span{transform:none} .social-links a:hover .social-arrow{transform:translate(2px,-2px)} .footer-bottom{font-size:11px} .site-footer .footer-links{font-size:12px} @media(max-width:1100px){.footer-top{grid-template-columns:170px 1fr;gap:26px}.footer-community{grid-column:1/-1}.social-links{grid-template-columns:repeat(5,minmax(0,1fr))}.social-links a{font-size:14px;padding-inline:10px;gap:8px}.social-links a .social-arrow{display:none}} @media(max-width:800px){.social-links{grid-template-columns:repeat(3,minmax(0,1fr))}.sharing-qr{grid-template-columns:152px minmax(0,1fr)}} @media(max-width:740px){.footer-top{grid-template-columns:1fr;gap:26px}.footer-community{grid-column:1}.footer-community>p{font-size:26px}.footer-social-intro{font-size:14px}.social-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.social-links a{font-size:15px;min-height:52px;padding:12px}.social-links a .social-arrow{display:block}.sharing-section h2{font-size:34px}.sharing-note{font-size:13px}.sharing-qr{grid-template-columns:132px minmax(0,1fr);gap:17px}.sharing-qr-image{width:132px;height:132px}.sharing-qr-copy strong{font-size:21px}.sharing-qr .sharing-qr-copy>span{font-size:11px}} @media(max-width:400px){.social-links{grid-template-columns:1fr}.social-links a{font-size:16px;min-height:54px;padding:12px 16px;gap:13px}.sharing-qr{grid-template-columns:1fr;justify-items:center;text-align:center}.sharing-qr-image{width:160px;height:160px}.sharing-qr-copy{max-width:260px}.sharing-qr-copy strong{font-size:24px}.sharing-qr-copy strong br{display:none}.sharing-qr .sharing-qr-copy>span{font-size:12px}.sharing-qr-copy .qr-eyebrow{font-size:9px}.sharing-qr-copy>small{font-size:11px}.sharing-section h2{font-size:32px}} /* v13: a clear editorial entry point and compact social buttons. */ .reading{align-items:start} .blog-intro{padding:28px;border:1px solid #e4d6c6;border-radius:20px;background:#fffcf7;grid-template-columns:minmax(0,1fr) 125px;gap:22px;scroll-margin-top:65px} .blog-intro .blog-heading{grid-column:1;align-self:center} .blog-intro .blog-heading .eyebrow{margin:0 0 14px} .blog-intro .blog-heading h2{font-size:34px;line-height:1.13;letter-spacing:-.035em} .blog-intro .blog-photo{grid-column:2;grid-row:1;min-height:155px;max-height:170px;height:100%;border-radius:12px} .blog-intro>.blog-description{grid-column:1/-1;font-size:15px;line-height:1.7;max-width:none;margin:0;color:#6e5a49} .blog-intro .blog-action{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px} .blog-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:13px 21px;border:1px solid #4a3a2e;border-radius:10px;background:#4a3a2e;color:#fff8f1;font:600 15px/1.4 Arial,sans-serif;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s} .blog-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} .blog-button:hover{background:#624b38;transform:translateY(-2px);box-shadow:0 7px 15px #4a3a2e14} .blog-button:active{transform:translateY(0)} .blog-button:focus-visible,.social-links a:focus-visible{outline:2px solid #4a3a2e;outline-offset:4px} .blog-action>span{font:12px/1.5 Arial,sans-serif;color:#7c6959} .footer-community>p{font-size:23px;margin-bottom:7px} .footer-social-intro{font-size:12px;line-height:1.6;margin-bottom:12px} .social-links{display:flex;flex-wrap:wrap;gap:8px} .social-links a{flex:none;min-height:36px;padding:7px 10px;gap:6px;border-radius:7px;font-size:13px;font-weight:500;line-height:1.4;white-space:nowrap} .social-links a .social-symbol,.social-symbol svg{width:16px;height:16px} .social-links a .social-monogram{font-size:10px;letter-spacing:-.04em} .social-links a .social-arrow{display:none} @media(max-width:1100px){.blog-intro{padding:23px;grid-template-columns:minmax(0,1fr) 95px;gap:18px}.blog-intro .blog-heading h2{font-size:29px}.blog-intro .blog-photo{min-height:140px;max-height:155px}.blog-intro>.blog-description{font-size:14px}.blog-intro .blog-action{gap:12px}.footer-top{row-gap:22px}} @media(max-width:740px){.blog-intro{padding:23px;grid-template-columns:minmax(0,1fr) 93px;gap:20px 14px}.blog-intro .blog-heading h2{font-size:29px}.blog-intro .blog-photo{min-height:130px;max-height:155px}.blog-intro>.blog-description{font-size:14px;line-height:1.65}.blog-intro .blog-action{display:grid;justify-items:start;gap:11px}.blog-button{min-height:48px;padding-inline:19px;gap:25px}.footer-community>p{font-size:23px}.footer-social-intro{font-size:13px}.social-links{gap:8px}.social-links a{min-height:40px;padding:8px 11px;font-size:13px;gap:7px}.social-links a .social-arrow{display:none}} @media(max-width:370px){.blog-intro{padding:20px;grid-template-columns:minmax(0,1fr) 73px;gap:18px 12px}.blog-intro .blog-heading h2{font-size:27px}.blog-intro .blog-photo{min-height:150px;max-height:170px}.blog-intro>.blog-description{font-size:14px}.blog-intro .blog-heading .eyebrow{font-size:9px}.social-links a{padding-inline:10px}.footer-community>p{font-size:22px}} @media(prefers-reduced-motion:reduce){.blog-button,.social-links a{transition:none}.blog-button:hover{transform:none}} /* v14: keep the thin landscape passport fully in frame. */ #personal .audience-photo{object-position:right 75%} @media(min-width:761px){#personal::after{background:linear-gradient(90deg,#fff8f1fa 0%,#fff8f1e8 43%,#fff8f160 70%,#fff8f110 100%)}} #journal-story { --j-milk: #fff8f1; --j-oat: #f1e2cf; --j-cocoa: #4a3a2e; position: relative; color: var(--j-cocoa); background: var(--j-milk); font-family: Arial, Helvetica, sans-serif; isolation: isolate; } #journal-story *, #journal-story *::before, #journal-story *::after { box-sizing: border-box; } #journal-story .journal-pin { display: grid; gap: 24px; width: min(1240px, calc(100% - 80px)); margin: 0 auto; padding: 26px 0 22px; } #journal-story .journal-heading { padding: 0 4px; } #journal-story .journal-eyebrow { margin: 0 0 12px; color: #a46b60; font-size: 10px; letter-spacing: .2em; line-height: 1.5; } #journal-story h2 { margin: 0; font: 400 clamp(30px, 3.5vw, 46px)/1.12 Georgia, 'Times New Roman', serif; letter-spacing: -.045em; } #journal-story .journal-mobile-break { display: none; } #journal-story .journal-intro { margin: 12px 0 0; color: #7a6b5d; font-size: 15px; line-height: 1.5; } #journal-story .journal-stage { position: relative; display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr); align-items: center; gap: 14px 30px; padding: 28px; overflow: hidden; border: 1px solid #eadbc8; border-radius: 16px; background: #f7eee2; } #journal-story .journal-light { position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 50% 25%, #fffaf3 0, #faf2e7 45%, #f1e2cf 100%); } #journal-story .journal-photo { width: 100%; max-width: 768px; margin: 0; overflow: hidden; border-radius: 10px; transform-origin: 50% 50%; box-shadow: 0 14px 35px #745a3c16; } #journal-story .journal-photo img { display: block; width: 100%; height: 100%; object-fit: contain; } #journal-story .journal-photo-spread { grid-column: 1; grid-row: 1 / 4; } #journal-story .journal-record { display: flex; align-items: center; gap: 14px; padding: 13px; margin: 0; min-width: 0; background: #fffdfa; border: 1px solid #e7d8c4; border-radius: 11px; box-shadow: 0 10px 25px #6e523b0c; transform-origin: 50% 50%; overflow: hidden; } #journal-story .journal-record-one { grid-column: 2; grid-row: 1; align-self: end; } #journal-story .journal-record-two { grid-column: 2; grid-row: 2; } #journal-story .journal-record-photo { width: 65px; height: 65px; flex: 0 0 65px; border-radius: 7px; object-fit: cover; } #journal-story .journal-record-photo-one { object-position: 70% 72%; } #journal-story .journal-record-photo-two { object-position: 35% 42%; } #journal-story .journal-record-text { min-width: 0; } #journal-story .journal-record h3 { margin: 6px 0 0; font: 400 20px/1.2 Georgia, 'Times New Roman', serif; white-space: nowrap; } #journal-story .journal-date { margin: 0; font-size: 11px; line-height: 1.25; color: #604f40; white-space: nowrap; } #journal-story .journal-date span { display: block; margin-top: 4px; font-size: 10px; color: #8e7b6b; } #journal-story .journal-record-arrow { margin-left: auto; color: #6d5443; font: 300 28px/1 Georgia, serif; } #journal-story .journal-after { grid-column: 2; grid-row: 3; align-self: start; margin: 0; color: #756453; font-size: 11px; line-height: 1.5; text-align: center; } #journal-story .journal-stage-caption { grid-column: 1 / -1; grid-row: 4; display: flex; justify-content: space-between; gap: 12px; margin: 6px 0 0; color: #8b7761; font-size: 9px; line-height: 1.4; letter-spacing: .015em; text-align: center; } #journal-story .journal-flow { display: none; align-items: center; justify-content: center; gap: 17px; font-size: 11px; color: #8b7c6d; } #journal-story .journal-flow-track { display: block; width: clamp(30px, 7vw, 90px); height: 1px; background: #dfcdb7; } #journal-story .journal-flow-track > span { display: block; width: 0; height: 1px; background: #806348; } /* Static composition is the default; only a successful JS setup adds scroll motion. */ #journal-story[data-enhanced='true'] { height: 160svh; min-height: 1000px; } #journal-story[data-enhanced='true'] .journal-pin { position: sticky; top: 54px; grid-template-rows: auto minmax(0, 1fr) auto; height: calc(100svh - 82px); min-height: 540px; max-height: 820px; gap: 20px; padding-block: 18px; } #journal-story[data-enhanced='true'] .journal-stage { display: block; min-height: 330px; padding: 0; } #journal-story[data-enhanced='true'] .journal-photo { position: absolute; top: 0; left: 0; display: block; will-change: transform, opacity; } #journal-story[data-enhanced='true'] .journal-record { position: absolute; top: 0; left: 0; opacity: 0; will-change: transform, opacity; } #journal-story[data-enhanced='true'] .journal-after { position: absolute; top: 0; left: 0; opacity: 0; } #journal-story[data-enhanced='true'] .journal-stage-caption { position: absolute; left: 18px; right: 18px; bottom: 12px; z-index: 3; } #journal-story[data-enhanced='true'] .journal-flow { display: flex; } @media (min-width: 761px) and (max-width: 1050px) { #journal-story .journal-record { padding: 10px; gap: 10px; } #journal-story .journal-record-photo { width: 51px; height: 51px; flex-basis: 51px; } #journal-story .journal-record-text { flex: 1; } #journal-story .journal-record h3 { font-size: clamp(16px, 2vw, 18px); white-space: normal; } #journal-story .journal-record-arrow { flex: 0 0 auto; font-size: 24px; } } @media (max-width: 760px) { #journal-story .journal-pin { width: calc(100% - 32px); gap: 18px; padding-block: 22px; } #journal-story .journal-heading { padding-inline: 3px; } #journal-story .journal-eyebrow { margin-bottom: 9px; font-size: 9px; letter-spacing: .16em; } #journal-story h2 { font-size: clamp(28px, 6.9vw, 36px); line-height: 1.08; } #journal-story .journal-mobile-break { display: block; } #journal-story .journal-intro { max-width: 380px; margin-top: 10px; font-size: 12px; line-height: 1.4; } #journal-story .journal-stage { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 14px; border-radius: 12px; } #journal-story .journal-photo-spread { grid-column: 1; grid-row: 1; } #journal-story .journal-photo { border-radius: 7px; } #journal-story .journal-record-one { grid-column: 1; grid-row: 2; } #journal-story .journal-record-two { grid-column: 1; grid-row: 3; } #journal-story .journal-record { gap: 11px; padding: 10px; } #journal-story .journal-record-photo { width: 51px; height: 51px; flex-basis: 51px; border-radius: 5px; } #journal-story .journal-record h3 { margin-top: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } #journal-story .journal-date { font-size: 10px; } #journal-story .journal-date span { font-size: 9px; margin-top: 3px; } #journal-story .journal-record-arrow { font-size: 24px; } #journal-story .journal-after { grid-column: 1; grid-row: 4; font-size: 10px; } #journal-story .journal-stage-caption { grid-column: 1; grid-row: 5; display: block; margin-top: 2px; font-size: 8px; } #journal-story .journal-stage-caption span { display: block; } #journal-story .journal-flow { gap: 8px; font-size: 9px; } #journal-story .journal-flow-track { width: clamp(15px, 4vw, 35px); } #journal-story[data-enhanced='true'] { height: 145svh; min-height: 960px; } #journal-story[data-enhanced='true'] .journal-pin { top: 50px; height: calc(100svh - 70px); min-height: 670px; max-height: 780px; gap: 16px; padding-block: 16px; } #journal-story[data-enhanced='true'] .journal-stage { min-height: 380px; } #journal-story[data-enhanced='true'] .journal-stage-caption { left: 10px; right: 10px; bottom: 10px; } } @media (max-height: 700px) and (min-width: 761px) { #journal-story[data-enhanced='true'] .journal-pin { gap: 14px; padding-block: 12px; } #journal-story .journal-eyebrow { margin-bottom: 7px; } #journal-story h2 { font-size: 34px; } #journal-story .journal-intro { margin-top: 8px; font-size: 13px; } } @media (prefers-reduced-motion: reduce) { #journal-story .journal-photo, #journal-story .journal-record { will-change: auto; } } /* The feature scenes are explanatory illustrations; final states are the no-JS default. */ @media(min-width:851px){#features .feature-panel-ai{display:flex;flex-direction:column}#features .feature-panel-ai .feature-ai-scene{flex:1;display:flex;flex-direction:column}#features .feature-panel-ai .feature-ai-conversation{flex:1}#features .feature-panel-ai .feature-ai-question,#features .feature-panel-ai .feature-ai-response,#features .feature-panel-ai .feature-ai-response li{font-size:13px}} #features{padding-block:64px 70px;border-top:1px solid var(--line,#e6d8cb);scroll-margin-top:25px;color:#4A3A2E} #features *{box-sizing:border-box} #features .feature-section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px} #features .feature-eyebrow{font:11px/1.4 Arial,sans-serif;letter-spacing:.18em;color:#926455;margin:0 0 16px} #features h2{font:400 clamp(36px,3.8vw,52px)/1.08 Georgia,serif;letter-spacing:-.045em;max-width:680px;margin:0} #features .feature-section-heading>p{font:14px/1.65 Arial,sans-serif;color:#796858;flex:none;margin:0 0 3px} #features .feature-primary-grid,#features .feature-secondary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px} #features .feature-secondary-grid{margin-top:24px} #features .feature-panel{min-width:0;border:1px solid #e4d6c6;border-radius:18px;overflow:hidden;background:#fffcf7} #features .feature-narrative{padding:31px 32px 25px} #features .feature-kicker{font:10px/1.4 Arial,sans-serif;letter-spacing:.15em;color:#8e6452;display:flex;align-items:center;gap:9px;margin:0 0 17px} #features .feature-kicker>span{font-size:19px;line-height:12px} #features h3{font:400 clamp(31px,3.2vw,42px)/1.08 Georgia,serif;letter-spacing:-.045em;margin:0 0 17px} #features .feature-narrative>p:last-child{font:14px/1.65 Arial,sans-serif;color:#756353;margin:0;max-width:440px} #features .feature-primary-grid .feature-narrative{min-height:240px} #features .feature-scene{position:relative;margin:0 16px;min-width:0;border-radius:12px;overflow:hidden} #features .feature-scene-top{display:flex;align-items:center;gap:11px;height:48px;font:12px/1.3 Arial,sans-serif;position:relative;z-index:2} #features .feature-scene-top small{display:block;font-size:8px;letter-spacing:.18em;margin-top:4px;opacity:.64} #features .feature-replay{display:none;border:1px solid currentColor;border-radius:50%;width:31px;height:31px;flex:none;place-items:center;padding:6px;color:inherit;background:transparent;cursor:pointer;margin-left:auto;opacity:.6;transition:opacity .15s ease} #features [data-enhanced='true'] .feature-replay{display:grid} #features .feature-replay:hover,#features .feature-replay:focus-visible{opacity:1} #features .feature-replay:focus-visible{outline:2px solid currentColor;outline-offset:3px} #features .feature-replay:disabled{cursor:default;opacity:.25} #features .feature-replay svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round} #features figcaption{font:10px/1.55 Arial,sans-serif;margin:0;color:#887462;position:relative;z-index:2} #features .feature-benefit{margin:0;padding:21px 31px 24px;font:13px/1.5 Arial,sans-serif;color:#6d5745;display:flex;gap:12px;align-items:start} #features .feature-benefit>span{color:#9f7760;font-size:18px;line-height:19px} #features .feature-ai-scene{background:radial-gradient(ellipse at 90% 0%,#77604c 0%,#4A3A2E 65%);color:#fff8f1;padding:15px 24px 20px;min-height:420px} #features .feature-assistant-mark{height:34px;width:34px;display:grid;place-items:center;font-size:25px;border:1px solid #bca58d70;border-radius:50%;background:#fff8f108} #features .feature-ai-conversation{min-height:288px;padding-top:16px} #features .feature-ai-question{max-width:88%;margin-left:auto;font:12px/1.55 Arial,sans-serif;background:#fff8f11c;border:1px solid #fff8f120;border-radius:13px 13px 3px 13px;padding:13px 16px;opacity:var(--question-op,1);transform:translateY(calc((1 - var(--question-op,1))*16px))} #features .feature-ai-response{display:flex;gap:10px;padding-top:22px;font:12px/1.5 Arial,sans-serif;opacity:var(--response-op,1);transform:translateY(calc((1 - var(--response-op,1))*12px))} #features .feature-ai-spark{font-size:22px;line-height:22px;color:#d8bc9c;flex:none} #features .feature-ai-response p{margin:0 0 11px} #features .feature-ai-response ol{padding-left:17px;margin:0;display:grid;gap:9px} #features .feature-ai-response li{padding-left:2px;font-size:12px} #features .feature-ai-response li:nth-child(1){opacity:var(--answer-one,1);transform:translateY(calc((1 - var(--answer-one,1))*9px))} #features .feature-ai-response li:nth-child(2){opacity:var(--answer-two,1);transform:translateY(calc((1 - var(--answer-two,1))*9px))} #features .feature-ai-response li:nth-child(3){opacity:var(--answer-three,1);transform:translateY(calc((1 - var(--answer-three,1))*9px))} #features .feature-ai-composer{margin-top:21px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #fff8f128;padding-top:14px;font:11px/1.3 Arial,sans-serif;color:#e0cdb9} #features .feature-ai-composer>span:last-child{font-size:17px;border:1px solid #fff8f140;width:24px;height:24px;display:grid;place-items:center;border-radius:50%} #features .feature-ai-scene figcaption{margin-top:15px;color:#d1bba5;font-size:9px} #features .feature-photo-scene{padding:15px 22px 20px;min-height:420px;background:linear-gradient(140deg,#f3e8d8,#f7f0e5 70%);color:#6d5542} #features .feature-photo-stage{position:relative;height:288px;margin-top:0;isolation:isolate} #features .feature-photo-paper{position:absolute;left:0;top:29px;width:49%;max-width:225px;min-height:220px;background:#fffdf8;border:1px solid #d7c5ae;box-shadow:0 13px 20px #6e523b1c;padding:20px 16px;transform-origin:center;transform:translateX(calc((1 - var(--photo-shift,1))*47%)) rotate(calc(-7deg*var(--photo-shift,1))) scale(calc(1 - .14*var(--photo-shift,1)));overflow:hidden} #features .feature-paper-heading{font:18px/1.2 Georgia,serif;margin-bottom:20px;color:#775947} #features .feature-paper-entry{margin-top:16px;font:11px/1.4 Arial,sans-serif;color:#795e49} #features .feature-paper-entry>span{font-size:9px;display:block;color:#a17a5d} #features .feature-paper-entry strong{font:italic 13px/1.4 Georgia,serif;display:block;margin-top:3px} #features .feature-paper-entry i{display:block;border-bottom:1px solid #e4d5c3;margin-top:9px;transform:rotate(-1deg)} #features .feature-paper-entry i:last-child{width:76%;margin-top:7px} #features .feature-scan-line{position:absolute;left:0;right:0;top:calc(15% + var(--scan-y,.9)*70%);height:2px;background:#b77a70;box-shadow:0 0 22px 6px #b77a704a;opacity:var(--scan-opacity,0)} #features .feature-photo-arrow{position:absolute;left:37%;top:124px;font-size:23px;color:#b79b7e;z-index:2;opacity:var(--photo-result,1)} #features .feature-photo-result-label{font:8px/1.4 Arial,sans-serif;letter-spacing:.1em;color:#9a7a5d;margin:0 0 8px 4px} #features .feature-photo-results{position:absolute;right:0;top:16px;width:59%;opacity:var(--photo-result,1);transform:translateX(calc((1 - var(--photo-result,1))*20px));z-index:3} #features .feature-photo-record{border:1px solid #e3d3c0;background:#fffdf9;border-radius:10px;padding:15px 14px;margin-bottom:12px;box-shadow:0 6px 16px #765b3f08} #features .feature-photo-record>span{display:flex;gap:5px;justify-content:space-between;align-items:center;font:9px/1.4 Arial,sans-serif;color:#8a715c} #features .feature-photo-record small{font-size:7px;padding:3px 5px;background:#f2e8db;border-radius:4px;white-space:nowrap} #features .feature-photo-record strong{display:block;font:20px/1.2 Georgia,serif;letter-spacing:-.035em;color:#624936;margin-top:8px} #features .feature-photo-record p{font:8px/1.4 Arial,sans-serif;margin:6px 0 0;color:#8a715c} #features .feature-photo-check{display:flex;gap:7px;align-items:center;font:9px/1.4 Arial,sans-serif;margin:14px 0 0;opacity:var(--photo-check,1);transform:translateY(calc((1 - var(--photo-check,1))*9px))} #features .feature-photo-check>span{display:grid;place-items:center;width:18px;height:18px;border:1px solid #b2a38c;border-radius:50%;flex:none} #features .feature-photo-scene figcaption{margin-top:15px;font-size:9px} #features .feature-secondary-grid .feature-panel{display:grid;grid-template-columns:1fr;align-content:start;background:#f7efe3} #features .feature-secondary-grid .feature-narrative{padding-bottom:22px;min-height:213px} #features .feature-secondary-grid h3{font-size:34px} #features .feature-secondary-grid .feature-narrative>p:last-child{font-size:13px} #features .feature-voice-scene,#features .feature-daily-scene{margin:0 16px 16px;min-height:271px;background:#fffaf3;padding:25px 24px 18px} #features .feature-voice-label{font:11px/1.4 Arial,sans-serif;color:#876c55;margin:0} #features .feature-voice-control{display:flex;align-items:center;gap:15px;padding:14px 0 16px} #features .feature-microphone{height:49px;width:49px;border:1px solid #d5bda1;border-radius:50%;display:grid;place-items:center;flex:none;color:#886344;box-shadow:0 0 0 calc(var(--voice-pulse,0)*8px) #dfcbb34d} #features .feature-microphone svg{width:22px;height:27px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round} #features .feature-wave{display:flex;gap:4px;flex:1;min-width:0;height:47px;align-items:center;overflow:hidden} #features .feature-wave i{display:block;flex:1;min-width:2px;max-width:5px;height:var(--bar-height,13px);border-radius:4px;background:#ab8063;transform:scaleY(var(--bar-scale,1));transform-origin:center} #features .feature-wave i:nth-child(3n+1){--bar-height:27px}#features .feature-wave i:nth-child(4n+2){--bar-height:39px}#features .feature-wave i:nth-child(5n+3){--bar-height:19px} #features .feature-voice-time{font:11px/1 Arial,sans-serif;font-variant-numeric:tabular-nums;color:#96755b;flex:none} #features .feature-voice-saved{display:flex;align-items:center;gap:12px;padding:15px 0 19px;border-top:1px solid #eadbc9;opacity:var(--voice-saved,1);transform:translateY(calc((1 - var(--voice-saved,1))*12px))} #features .feature-voice-saved>span{width:26px;height:26px;background:#eee3d2;border-radius:50%;display:grid;place-items:center;font-size:13px;flex:none} #features .feature-voice-saved strong{display:block;font:14px/1.5 Georgia,serif;color:#6f513c} #features .feature-voice-saved div>span{display:block;font:9px/1.5 Arial,sans-serif;color:#94765e;margin-top:4px} #features .feature-scene-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:9px} #features .feature-scene-foot{font-size:9px} #features .feature-daily-scene{background:radial-gradient(ellipse at 70% 0%,#f1e2c9,#fffaf3 75%);padding-top:20px} #features .feature-daily-card{position:relative;min-height:190px;max-width:370px;margin:auto;transform:translateY(calc((1 - var(--daily-open,1))*24px)) rotate(calc((1 - var(--daily-open,1))*-4deg));opacity:calc(.18 + var(--daily-open,1)*.82);text-align:center} #features .feature-daily-sun{display:block;font-size:34px;line-height:38px;color:#b6976b;transform:rotate(calc(var(--daily-open,1)*30deg));text-shadow:0 0 calc(var(--daily-glow,0)*28px) #d5b77b} #features .feature-daily-label{font:7px/1.5 Arial,sans-serif;letter-spacing:.19em;color:#a38159;margin:12px 0 9px} #features .feature-daily-card strong{font:22px/1.2 Georgia,serif;letter-spacing:-.025em;display:block;color:#71543d} #features .feature-daily-card>p:last-child{font:11px/1.65 Arial,sans-serif;color:#8c7058;max-width:310px;margin:10px auto 0} @media(max-width:1100px){#features .feature-section-heading{align-items:start}#features .feature-section-heading>p{font-size:12px;max-width:240px}#features .feature-primary-grid,#features .feature-secondary-grid{gap:18px}#features .feature-narrative{padding:25px 24px 23px}#features .feature-primary-grid .feature-narrative{min-height:245px}#features .feature-narrative>p:last-child{font-size:13px}#features .feature-ai-scene,#features .feature-photo-scene{margin-inline:12px;padding-inline:18px}#features .feature-photo-record{padding:13px 10px}#features .feature-photo-record strong{font-size:18px}#features .feature-photo-record>span{font-size:8px}#features .feature-photo-record small{font-size:6px}#features .feature-paper-heading{font-size:16px}#features .feature-photo-paper{padding:18px 12px}#features .feature-benefit{padding:20px 24px;font-size:12px}#features .feature-voice-scene,#features .feature-daily-scene{padding-inline:18px}#features .feature-secondary-grid .feature-narrative{min-height:220px}#features .feature-ai-response{font-size:11px}#features .feature-ai-response li{font-size:11px}#features .feature-ai-question{font-size:11px}#features .feature-ai-composer{font-size:10px}} @media(max-width:850px){#features .feature-primary-grid{grid-template-columns:1fr}#features .feature-primary-grid .feature-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center;padding:20px}#features .feature-primary-grid .feature-narrative{padding:12px 19px 12px 0;min-height:0}#features .feature-primary-grid .feature-scene{grid-column:2;grid-row:1/3;margin:0;min-height:420px}#features .feature-primary-grid .feature-benefit{padding:14px 20px 12px 0;align-self:end}#features .feature-section-heading{display:block}#features .feature-section-heading>p{max-width:none;margin-top:18px}#features .feature-section-heading>p br{display:none}#features h3{font-size:34px}#features .feature-secondary-grid h3{font-size:30px}#features .feature-voice-control{gap:10px}#features .feature-microphone{width:39px;height:39px}#features .feature-wave{gap:3px}#features .feature-secondary-grid .feature-narrative{min-height:220px}#features .feature-daily-card strong{font-size:20px}} @media(max-width:650px){#features{padding-block:40px}#features h2{font-size:37px}#features .feature-eyebrow{font-size:9px;margin-bottom:13px}#features .feature-section-heading{margin-bottom:26px}#features .feature-section-heading>p{font-size:13px;line-height:1.6;margin-top:15px}#features .feature-primary-grid .feature-panel{display:block;padding:0}#features .feature-primary-grid .feature-narrative,#features .feature-secondary-grid .feature-narrative{padding:25px 23px 22px;min-height:0}#features h3{font-size:35px;line-height:1.07;margin-bottom:16px}#features .feature-kicker{font-size:9px;margin-bottom:15px}#features .feature-narrative>p:last-child{font-size:13px;line-height:1.65}#features .feature-primary-grid .feature-scene{margin:0 12px;min-height:412px;padding-inline:19px}#features .feature-primary-grid .feature-benefit{padding:19px 23px 22px;font-size:12px}#features .feature-primary-grid,#features .feature-secondary-grid{gap:20px}#features .feature-secondary-grid{grid-template-columns:1fr;margin-top:20px}#features .feature-secondary-grid h3{font-size:33px}#features .feature-ai-scene .feature-scene-top{font-size:11px}#features .feature-ai-question{font-size:12px}#features .feature-ai-response li,#features .feature-ai-response{font-size:11px}#features .feature-ai-conversation{min-height:280px}#features .feature-photo-stage{height:280px}#features .feature-photo-record strong{font-size:19px}#features .feature-photo-record>span{font-size:8px}#features .feature-photo-record small{font-size:6px}#features .feature-photo-check{font-size:8px}#features .feature-photo-paper{min-height:222px}#features .feature-photo-scene>.feature-scene-top{font-size:10px;gap:6px}#features .feature-paper-entry strong{font-size:12px}#features .feature-voice-scene,#features .feature-daily-scene{margin-inline:12px;min-height:265px;padding-inline:22px}#features .feature-voice-control{gap:14px}#features .feature-microphone{width:49px;height:49px}#features .feature-wave{gap:4px}#features .feature-daily-card strong{font-size:23px}#features .feature-daily-card>p:last-child{font-size:12px}} @media(max-width:370px){#features h2{font-size:33px}#features h3{font-size:32px}#features .feature-primary-grid .feature-narrative,#features .feature-secondary-grid .feature-narrative{padding:22px 19px 20px}#features .feature-primary-grid .feature-scene{margin-inline:9px;padding-inline:14px}#features .feature-ai-question{max-width:96%;font-size:11px;padding:12px}#features .feature-ai-response{gap:7px}#features .feature-ai-response li{font-size:10px}#features .feature-ai-scene .feature-scene-top{font-size:10px}#features .feature-photo-record{padding:12px 8px}#features .feature-photo-record strong{font-size:17px}#features .feature-photo-record>span{font-size:7px}#features .feature-photo-record small{font-size:6px;padding:3px}#features .feature-photo-record p{font-size:7px}#features .feature-photo-paper{padding:17px 10px}#features .feature-paper-heading{font-size:15px}#features .feature-paper-entry strong{font-size:11px}#features .feature-paper-entry>span{font-size:8px}#features .feature-photo-check{font-size:7px;gap:5px}#features .feature-photo-check>span{width:16px;height:16px}#features .feature-benefit{font-size:11px!important}#features .feature-voice-scene,#features .feature-daily-scene{padding-inline:17px}#features .feature-voice-control{gap:10px}#features .feature-microphone{width:41px;height:41px}#features .feature-wave{gap:3px}#features .feature-daily-card strong{font-size:21px}#features .feature-daily-card>p:last-child{font-size:11px}#features .feature-voice-saved strong{font-size:13px}} @media(prefers-reduced-motion:reduce){#features .feature-replay{display:none!important}#features .feature-scene *{transition:none!important}} /* A narrow screen gets a vertical photo-to-drafts story with readable labels. */ @media(max-width:400px){ #features .feature-photo-scene{padding-bottom:18px} #features .feature-photo-scene>.feature-scene-top{font-size:10px;line-height:1.5;gap:8px} #features .feature-photo-stage{height:455px} #features .feature-photo-paper{top:13px;left:9%;width:82%;max-width:none;min-height:172px;padding:13px 17px;transform:translateY(calc((1 - var(--photo-shift,1))*65px)) rotate(calc(-3deg*var(--photo-shift,1))) scale(calc(1 - .05*var(--photo-shift,1)))} #features .feature-paper-heading{font-size:17px;margin-bottom:11px} #features .feature-paper-entry{margin-top:9px} #features .feature-paper-entry>span{font-size:10px} #features .feature-paper-entry strong{font-size:13px;margin-top:1px} #features .feature-paper-entry i{margin-top:5px} #features .feature-paper-entry i:last-child{display:none} #features .feature-photo-arrow{left:calc(50% - 8px);top:190px;transform:rotate(90deg);font-size:22px;line-height:1} #features .feature-photo-results{top:220px;width:100%;right:0;transform:translateY(calc((1 - var(--photo-result,1))*18px))} #features .feature-photo-result-label{font-size:9px;margin:0 0 8px 2px} #features .feature-photo-record{padding:11px 13px;margin-bottom:9px} #features .feature-photo-record>span{font-size:10px} #features .feature-photo-record small{font-size:9px;padding:2px 5px} #features .feature-photo-record strong{font-size:21px;margin-top:5px} #features .feature-photo-record p{font-size:10px;margin-top:4px;line-height:1.4} #features .feature-photo-check{font-size:10px;gap:7px;margin-top:12px} #features .feature-photo-check>span{width:18px;height:18px} #features .feature-photo-scene figcaption{font-size:9px;margin-top:15px} } /* v12 photo import: reconstructed from the app's review-import screen. The source page is fictional; visible controls are illustration only. */ #features .feature-photo-scene{background:#F0E8E2;padding:13px 18px 17px;color:#4A3A2E;min-height:0} #features .feature-photo-scene>.feature-scene-top{height:42px;font-size:11px} #features .feature-import-stage{position:relative;height:452px;overflow:hidden;border:1px solid #E8DFDA;border-radius:22px;background:#FFF8F1;isolation:isolate} #features .feature-import-stage:after{content:'';position:absolute;inset:auto 0 0;height:24px;background:linear-gradient(transparent,#FFF8F1);pointer-events:none;z-index:4} #features .feature-review-screen{position:relative;padding:19px 17px;opacity:var(--photo-result,1);transform:translateY(calc((1 - var(--photo-result,1))*16px));font-family:Arial,sans-serif;color:#4A3A2E} #features .feature-review-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:59px;margin-bottom:14px} #features .feature-review-heading p{font:800 10px/1.3 Arial,sans-serif;letter-spacing:1.7px;margin:0 0 5px;color:#4A3A2E} #features .feature-review-heading strong{font:700 26px/1.15 Arial,sans-serif;letter-spacing:-.5px} #features .feature-source-mini{display:grid;width:58px;height:62px;flex:none;padding:5px 6px;background:#fffdf8;border:1px solid #d8cdc3;box-shadow:0 3px 6px #4A3A2E14;transform:rotate(5deg);color:#7A706B;overflow:hidden} #features .feature-source-mini i{font:6px Georgia,serif;letter-spacing:1px;margin-bottom:2px} #features .feature-source-mini b{font:5px Arial,sans-serif;margin-top:2px} #features .feature-source-mini em{font:italic 6px Georgia,serif;border-bottom:1px solid #eadfd5;line-height:1.4} #features .feature-review-bulk{display:flex;align-items:center;justify-content:center;gap:8px;background:#4A3A2E;color:white;min-height:42px;border-radius:15px;padding:10px 12px;font:700 12px/1.3 Arial,sans-serif} #features .feature-review-bulk svg,#features .feature-review-refresh svg{height:18px;width:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} #features .feature-review-refresh{display:flex;align-items:center;justify-content:center;gap:6px;min-height:33px;font:700 10px/1.4 Arial,sans-serif;color:#4A3A2E;margin:4px 0 9px} #features .feature-review-refresh svg{height:15px;width:15px;stroke-width:1.5} #features .feature-review-card{padding:14px 15px;border:1px solid #E8DFDA;border-radius:22px;background:#FFFFFF;color:#4A3A2E} #features .feature-review-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font:700 11px/1.3 Arial,sans-serif} #features .feature-review-confidence{font:700 10px/1.3 Arial,sans-serif;color:#7A706B;background:#EAF3ED;border-radius:99px;padding:4px 8px} #features .feature-review-card>strong{display:block;font:700 18px/1.3 Arial,sans-serif;margin-top:7px;letter-spacing:-.2px} #features .feature-review-detail{font:12px/1.4 Arial,sans-serif;color:#7A706B;margin:5px 0 0} #features .feature-review-original{font:11px/1.5 Arial,sans-serif;color:#4A3A2E;background:#FFF8F1;padding:9px;border-radius:10px;margin:9px 0 0} #features .feature-review-reminder{font:700 10px/1.4 Arial,sans-serif;text-align:center;margin:11px 0 0;color:#4A3A2E} #features .feature-review-pending{font:700 10px/1.4 Arial,sans-serif;color:#A5722C;margin:10px 0 0;opacity:var(--photo-check,1)} #features .feature-review-actions{display:flex;gap:7px;align-items:center;margin-top:7px;opacity:var(--photo-check,1);transform:translateY(calc((1 - var(--photo-check,1))*6px))} #features .feature-review-actions>span{font:700 11px/1.3 Arial,sans-serif;padding:10px 12px;border-radius:12px;border:1px solid #E8DFDA;white-space:nowrap} #features .feature-review-actions>span:first-child{background:#4A3A2E;color:#fff;border-color:#4A3A2E} #features .feature-review-actions svg{width:19px;height:19px;flex:none;fill:none;stroke:#7A706B;stroke-width:1.5;stroke-linecap:round;margin-left:auto} #features .feature-review-next{margin-top:11px} #features .feature-review-next>strong{font-size:17px} #features .feature-source-preview{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;background:radial-gradient(ellipse at 50% 35%,#f9f3e8,#ede2d5);padding:28px 20px;opacity:calc(1 - var(--photo-shift,1));transform:scale(calc(1 - .08*var(--photo-shift,1)));pointer-events:none} #features .feature-source-sheet{position:relative;overflow:hidden;max-width:250px;width:82%;padding:24px 22px 20px;background:linear-gradient(110deg,#f9f3e7,#fffcf6 70%);border:1px solid #d7c7b5;box-shadow:4px 10px 20px #4A3A2E20;transform:rotate(-4deg);color:#765748} #features .feature-source-brand{font:10px Georgia,serif;letter-spacing:4px;display:block;border-bottom:1px solid #c9ad9c;padding-bottom:11px} #features .feature-source-sheet>strong{display:block;font:16px/1.4 Georgia,serif;letter-spacing:.2px;margin-top:15px} #features .feature-source-sheet>div{border-bottom:1px solid #d2bcaa;margin-top:13px;display:grid;gap:4px;padding-bottom:4px} #features .feature-source-sheet small{font:9px/1.3 Arial,sans-serif;color:#967b65} #features .feature-source-sheet div>span{font:italic 15px/1.4 Georgia,serif;color:#5a554e} #features .feature-source-sheet .feature-source-next{margin-top:19px} #features .feature-source-status{font:700 16px/1.4 Arial,sans-serif;color:#4A3A2E;text-align:center;margin:24px 0 0} #features .feature-source-status>span{display:block;font:11px/1.5 Arial,sans-serif;color:#7A706B;margin-top:5px} #features .feature-photo-scene figcaption{font-size:10px;line-height:1.5;color:#7A706B;margin-top:13px} @media(max-width:1100px){#features .feature-photo-scene{padding-inline:12px}#features .feature-review-screen{padding-inline:13px}#features .feature-review-card{padding-inline:12px}#features .feature-review-actions>span{padding-inline:10px;font-size:10px}} @media(max-width:850px){#features .feature-primary-grid .feature-photo-scene{min-height:0}#features .feature-import-stage{height:456px}#features .feature-review-heading strong{font-size:24px}#features .feature-review-heading p{font-size:9px;letter-spacing:1.4px}} @media(max-width:650px){#features .feature-primary-grid .feature-photo-scene{padding:12px 12px 17px;min-height:0}#features .feature-review-screen{padding:17px 14px}#features .feature-review-card{padding:14px}#features .feature-review-actions>span{font-size:11px;padding-inline:12px}#features .feature-import-stage{height:452px}} @media(max-width:370px){#features .feature-primary-grid .feature-photo-scene{padding-inline:9px}#features .feature-import-stage{height:461px;border-radius:18px}#features .feature-review-screen{padding:16px 10px}#features .feature-review-heading{gap:5px}#features .feature-review-heading strong{font-size:23px}#features .feature-review-heading p{font-size:9px;letter-spacing:1px}#features .feature-source-mini{width:49px;height:57px;padding-inline:4px}#features .feature-review-bulk{font-size:11px;padding-inline:7px;gap:5px}#features .feature-review-card{padding:12px 10px;border-radius:18px}#features .feature-review-card-top{font-size:10px}#features .feature-review-card>strong{font-size:17px}#features .feature-review-actions{gap:5px}#features .feature-review-actions>span{font-size:10px;padding:9px 8px}#features .feature-review-actions svg{width:17px;height:17px}#features .feature-photo-scene figcaption{font-size:9px}#features .feature-source-sheet{padding:20px 16px;width:92%}#features .feature-source-status{font-size:14px}} /* v13: AssistantSheet + AssistantChat reconstructed from the app. Controls inside the sheet are explanatory artwork, not a live chat. */ #features .feature-primary-grid .feature-ai-scene{background:#F0E8E2;color:#4A3A2E;padding:13px 18px 17px;min-height:0} #features .feature-ai-scene>.feature-scene-top{height:42px;font:11px/1.3 Arial,sans-serif} #features .feature-assistant-sheet{display:flex;flex-direction:column;min-height:452px;background:#FFF8F1;border:1px solid #E8DFDA;border-radius:28px 28px 20px 20px;overflow:hidden;font-family:Arial,sans-serif} #features .feature-assistant-handle{width:46px;height:5px;border-radius:3px;background:#E8DFDA;margin:12px auto 3px;flex:none} #features .feature-assistant-header{display:flex;align-items:center;justify-content:space-between;padding:3px 12px 0 20px;min-height:47px;gap:8px;flex:none} #features .feature-assistant-header>strong{font:600 17px/1.3 Arial,sans-serif;letter-spacing:0;color:#4A3A2E} #features .feature-assistant-header>strong span{padding-left:3px;font-size:20px;font-weight:400} #features .feature-assistant-close{display:grid;place-items:center;height:38px;width:28px;flex:none;color:#7A706B;font:30px/1 Arial,sans-serif} #features .feature-panel-ai .feature-ai-conversation{display:flex;flex-direction:column;gap:10px;min-height:0;padding:13px 20px 10px;flex:1} #features .feature-panel-ai .feature-ai-question{align-self:flex-end;max-width:88%;margin-left:0;padding:13px;background:#4A3A2E;border:0;border-radius:18px;color:#FFFFFF;font:14px/20px Arial,sans-serif;opacity:var(--question-op,1);transform:translateY(calc((1 - var(--question-op,1))*16px))} #features .feature-panel-ai .feature-ai-response{display:block;align-self:flex-start;max-width:88%;padding:13px;border:1px solid #E8DFDA;border-radius:18px;background:#FFFFFF;color:#4A3A2E;font:14px/21px Arial,sans-serif;opacity:var(--response-op,1);transform:translateY(calc((1 - var(--response-op,1))*12px))} #features .feature-panel-ai .feature-ai-response p{margin:0 0 10px} #features .feature-panel-ai .feature-ai-response ol{display:grid;gap:7px;margin:0;padding-left:18px} #features .feature-panel-ai .feature-ai-response li{padding-left:0;font:14px/21px Arial,sans-serif} #features .feature-assistant-dock{background:#FFF8F1;padding:0 20px 17px;flex:none} #features .feature-assistant-topics{display:flex;gap:8px;flex-wrap:wrap;padding-block:8px} #features .feature-assistant-topics>span{background:#FFFFFF;border-radius:22px;padding:11px 13px;color:#4A3A2E;font:600 12px/17px Arial,sans-serif;white-space:nowrap} #features .feature-ai-scene .feature-ai-composer{display:flex;gap:8px;align-items:center;justify-content:flex-start;background:#FFFFFF;border:1px solid #E8DFDA;border-radius:23px;margin:0;padding:7px;color:#7A706B;min-height:54px} #features .feature-ai-composer>.feature-assistant-photo{width:25px;height:25px;flex:none;margin-inline:4px;fill:none;stroke:#34291F;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} #features .feature-ai-composer>span{flex:1;min-width:0;color:#7A706B;font:13px/18px Arial,sans-serif} #features .feature-ai-composer>i{height:38px;width:38px;border-radius:50%;background:#4A3A2E;opacity:.38;display:grid;place-items:center;flex:none;font-style:normal} #features .feature-ai-composer>i svg{height:23px;width:23px;fill:none;stroke:#FFFFFF;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #features .feature-ai-scene figcaption{margin-top:13px;color:#7A706B;font:10px/1.5 Arial,sans-serif} @media(min-width:851px) and (max-width:1100px){ #features .feature-primary-grid .feature-ai-scene{padding-inline:12px} #features .feature-panel-ai .feature-ai-conversation{padding-inline:14px} #features .feature-assistant-dock{padding-inline:14px} #features .feature-panel-ai .feature-ai-question,#features .feature-panel-ai .feature-ai-response,#features .feature-panel-ai .feature-ai-response li{font-size:13px;line-height:19px} #features .feature-assistant-topics>span{font-size:11px;padding-inline:10px} #features .feature-ai-composer>span{font-size:12px} } @media(max-width:650px){ #features .feature-primary-grid .feature-ai-scene{padding:12px 12px 17px;min-height:0} #features .feature-assistant-header{padding-left:16px} #features .feature-assistant-header>strong{font-size:16px} #features .feature-panel-ai .feature-ai-conversation{padding:13px 14px 10px} #features .feature-panel-ai .feature-ai-question,#features .feature-panel-ai .feature-ai-response,#features .feature-panel-ai .feature-ai-response li{font-size:13px;line-height:20px} #features .feature-panel-ai .feature-ai-question,#features .feature-panel-ai .feature-ai-response{max-width:94%;padding:12px} #features .feature-assistant-dock{padding:0 14px 14px} #features .feature-assistant-topics{gap:6px} #features .feature-assistant-topics>span{padding:10px 11px;font-size:11px;line-height:16px} #features .feature-ai-composer>span{font-size:12px;line-height:17px} #features .feature-ai-composer>.feature-assistant-photo{width:22px;height:22px;margin-inline:2px} #features .feature-ai-composer>i{width:34px;height:34px} } @media(max-width:370px){ #features .feature-primary-grid .feature-ai-scene{padding-inline:9px} #features .feature-assistant-sheet{border-radius:24px 24px 18px 18px} #features .feature-assistant-header{padding-left:11px;padding-right:8px;gap:2px} #features .feature-assistant-header>strong{font-size:14px} #features .feature-assistant-header>strong span{font-size:18px;padding-left:0} #features .feature-assistant-close{width:23px;font-size:27px} #features .feature-panel-ai .feature-ai-conversation{padding-inline:10px} #features .feature-panel-ai .feature-ai-question,#features .feature-panel-ai .feature-ai-response,#features .feature-panel-ai .feature-ai-response li{font-size:12px;line-height:18px} #features .feature-panel-ai .feature-ai-question,#features .feature-panel-ai .feature-ai-response{max-width:96%;padding:11px} #features .feature-assistant-dock{padding-inline:10px} #features .feature-assistant-topics{gap:5px} #features .feature-assistant-topics>span{font-size:10px;padding:10px 8px;line-height:15px} #features .feature-ai-scene .feature-ai-composer{gap:5px;padding:6px;min-height:50px} #features .feature-ai-composer>span{font-size:11px;line-height:16px} #features .feature-ai-composer>.feature-assistant-photo{width:20px;height:20px;margin-inline:1px} #features .feature-ai-composer>i{width:30px;height:30px} #features .feature-ai-scene figcaption{font-size:9px} } /* Compact diary preview. Content and app colours are preserved. */ .app-record-preview{width:min(100%,360px);min-width:0;justify-self:center;margin:0;font:400 14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#4A3A2E} .app-record-preview *{box-sizing:border-box} .app-record-screen{padding:18px;border:1px solid #E8DFDA;border-radius:24px;background:#FFF8F1;box-shadow:0 10px 28px #4a3a2e0a} .app-record-preview svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} .app-record-back{display:inline-flex;align-items:center;gap:3px;min-height:30px;padding:0 10px 0 6px;border:1px solid #E8DFDA;border-radius:10px;background:#fff;font-size:11px;font-weight:700;margin-bottom:12px} .app-record-back svg{width:18px;height:18px} .app-record-eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:800;line-height:1.3} .app-record-preview h3{margin:5px 0 0;font:700 24px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.025em} .app-record-switch{display:flex;padding:3px;background:#fff;border-radius:12px;margin-top:12px;gap:4px} .app-record-switch>span{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;padding:8px 5px;color:#7A706B;border-radius:10px;font-size:12px;font-weight:700} .app-record-switch .is-active{background:#4A3A2E;color:#fff} .app-record-switch svg{width:16px;height:16px} .app-record-share{display:flex;align-items:center;gap:8px;min-height:50px;margin-top:10px;padding:9px 10px;border:1px solid #E8DFDA;border-radius:12px;background:#fff} .app-record-share>div{flex:1;min-width:0} .app-record-share strong{display:block;font-size:12px;font-weight:800;line-height:1.35} .app-record-share small{display:block;font-size:10px;line-height:1.45;color:#7A706B;margin-top:3px} .app-record-share .app-record-chevron{width:14px;height:14px;color:#7A706B} .app-record-card{margin-top:14px;padding:14px;border:1px solid #CBD8C6;border-radius:18px;background:#FBFDF9} .app-record-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px} .app-record-card-top strong{font-size:17px;line-height:1.35;font-weight:700} .app-record-card-top svg{width:18px;height:18px;color:#7D9276} .app-record-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px;color:#65795F} .app-record-care{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;padding:3px 7px;border-radius:99px;background:#EAF1E7;line-height:1.4} .app-record-care svg{width:13px;height:13px;stroke-width:1.5} .app-record-meta time{font-size:11px;font-weight:700;white-space:nowrap} .app-record-note{margin-top:10px;font-size:13px;line-height:1.5;color:#7A706B;overflow-wrap:break-word} .app-record-photos{display:flex;gap:8px;margin-top:12px} .app-record-photos>span{display:flex;flex:1;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:6px 5px;border:1px solid #E8DFDA;border-radius:10px;background:#FFF8F1;color:#34291F;font-size:11px;font-weight:700;white-space:nowrap} .app-record-photos svg{width:16px;height:16px} .app-record-feedback{margin-top:10px;border-radius:9px;background:#F0E8E2;color:#34291F;min-height:34px;display:flex;align-items:center;padding:8px 10px;font-size:12px;font-weight:600} .app-record-add{display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:100%;min-height:38px;padding:8px 18px;margin:12px auto 0;border-radius:99px;background:#4A3A2E;color:#fff;font-size:12px;font-weight:700} .app-record-add svg{width:18px;height:18px} .app-record-preview figcaption{text-align:center;margin-top:14px;color:#7A706B;font:400 11px/1.55 Arial,sans-serif} @media(max-width:740px){.app-record-screen{padding:16px}.app-record-preview figcaption{font-size:10px}} @media(max-width:370px){.app-record-screen{padding:14px;border-radius:21px}.app-record-preview h3{font-size:22px}.app-record-card{padding:12px;border-radius:16px}.app-record-card-top strong{font-size:16px}.app-record-switch>span{font-size:11px;gap:5px}.app-record-share{padding:9px;gap:7px}.app-record-share strong{font-size:11px}.app-record-share small{font-size:10px}.app-record-share>svg{width:17px}.app-record-share .app-record-chevron{width:12px}.app-record-meta{gap:7px}.app-record-meta time{font-size:10px}.app-record-note{font-size:12px}.app-record-photos>span{font-size:10px;gap:4px}}}