@font-face{font-family:Onest;src:url('./onest-cyrillic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;src:url('./onest-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF,U+FEFF,U+FFFD}
:root{color-scheme:light;--ink:#101b2c;--muted:#536278;--blue:#2267ce;--blue-hover:#1957b7;--canvas:#f8fbff;--surface:#fff;--line:#dce5f0;--tint:#edf5ff;--radius:32px;--space:24px;--fast:120ms;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:var(--canvas);font-family:Onest,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:#2267ce24}button,summary{touch-action:manipulation}img{display:block;max-width:100%;height:auto}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}h1{font-size:clamp(48px,6.5vw,88px);font-weight:500;line-height:1.06;letter-spacing:-.058em}h2{font-size:clamp(34px,3.6vw,48px);font-weight:500;line-height:1.14;letter-spacing:-.04em}h3{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.02em}p+p{margin-top:18px}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:6px}.skip-link{position:fixed;top:8px;left:16px;padding:12px 20px;background:var(--ink);color:#fff;z-index:20;transform:translateY(-160%)}.skip-link:focus{transform:none}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:600;letter-spacing:-.055em;line-height:1.1}.brand-mark{width:34px;height:34px;color:var(--blue)}.desktop-nav{display:flex;gap:30px;font-size:14px;font-weight:500;letter-spacing:.005em}.desktop-nav a,.plain-link,.footer-links a{transition:color var(--fast)}.desktop-nav a:hover,.desktop-nav [aria-current],.footer a:hover{color:var(--blue)}.header-cta{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.icon{width:22px;height:22px}.header-cta .icon{width:18px;height:18px}.mobile-menu{display:none}.eyebrow{color:var(--blue);font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-bottom:26px}.lead{font-size:21px;line-height:1.55;max-width:42ch;color:var(--muted);margin-top:24px;letter-spacing:-.015em}.small{font-size:13px;letter-spacing:.01em;line-height:1.6;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:56px;padding:15px 26px;color:#fff;background:linear-gradient(145deg,#2a75da,var(--blue));border:1px solid #2267ce;border-radius:99px;font-size:15px;font-weight:500;line-height:1.35;letter-spacing:.005em;box-shadow:0 6px 15px #2267ce13,inset 0 1px 0 #ffffff2b;transition:transform var(--fast) var(--ease),background-color var(--fast) var(--ease)}.button:hover{background:var(--blue-hover);transform:translateY(-2px)}.button:active{transform:scale(.98)}.button.secondary{color:var(--blue);background:var(--surface);border-color:var(--line);box-shadow:0 5px 14px #17375d08}.button.secondary:hover{background:var(--tint)}.button.ghost{color:var(--ink);background:transparent;border-color:transparent;box-shadow:none;padding-inline:4px}.button.ghost:hover{color:var(--blue)}.text-link{color:var(--blue);display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:15px;font-weight:500}.text-link .icon{width:18px;height:18px;transition:transform var(--fast) var(--ease)}.text-link:hover .icon{transform:translateX(3px)}.inline-link{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:24px;align-items:center;min-height:700px;padding-block:24px 50px;position:relative}.hero:before{content:'';position:absolute;inset:-112px calc((1200px - 100vw)/2) -60px;z-index:-1;background:radial-gradient(ellipse at 84% 37%,#c9e1ff 0,transparent 58%),linear-gradient(135deg,#f8fbff 16%,#edf5ff 77%,#f5faff);pointer-events:none}.hero-copy{padding-bottom:15px;position:relative;z-index:2}.hero-description{color:var(--muted);max-width:43ch;margin-top:18px;font-size:16px}.hero-copy .small{margin-top:24px}.product-stage{height:650px;position:relative;isolation:isolate}.product-stage:before{content:'';position:absolute;width:460px;height:460px;border:1px solid #ffffff8f;border-radius:50%;left:8%;top:15%;box-shadow:0 0 0 44px #ffffff1f,0 0 0 86px #ffffff18;z-index:-1}.phone{width:248px;padding:7px;background:linear-gradient(125deg,#eff2f5 0,#717b89 21%,#dfe3e9 45%,#c6ced6 70%,#687483 100%);border-radius:43px;box-shadow:8px 22px 35px #17375d20,1px 2px 3px #29436340,inset 0 0 0 1px #ffffffbf;position:relative}.phone:before{content:'';height:54px;width:3px;background:#98a4b0;position:absolute;left:-2px;top:100px;border-radius:2px}.phone-screen{border:5px solid #18202a;border-radius:36px;overflow:hidden;background:#edf5ff}.phone-screen img{width:100%;height:auto;aspect-ratio:645/1398}.phone-front{position:absolute;left:42%;top:108px;transform:rotate(7deg);z-index:2}.phone-back{position:absolute;left:0;top:34px;transform:rotate(-8deg);width:232px;opacity:.98}.stage-note{position:absolute;z-index:3;right:10px;top:16px;padding:10px 16px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;letter-spacing:.02em;background:#ffffffb8;border:1px solid #fff;border-radius:99px;box-shadow:0 4px 20px #31587807}.note-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}.stage-caption{position:absolute;bottom:12px;left:8px;color:#536278;font-size:11px;line-height:1.5;letter-spacing:.01em}.intro-strip{display:flex;align-items:center;gap:48px;padding-block:44px;margin-top:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro-strip>p{font-size:22px;line-height:1.4;letter-spacing:-.02em;font-weight:500;flex:1}.intro-strip>span{font-size:15px;color:var(--muted);flex:1.25}.intro-strip>.icon{width:32px;height:32px;color:var(--blue)}.section{padding-block:112px}.section-lead{font-size:20px;line-height:1.65;color:var(--muted);margin-top:26px;max-width:39ch}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:44px}.section-heading .eyebrow{margin-bottom:18px}.consultation-block{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.consultation-block>.text-link,.consultation-block>div>.text-link{margin-top:30px}.panel{background:var(--surface);border:1px solid #e3eaf3;border-radius:var(--radius);box-shadow:0 12px 34px #243b5705}.appointment{padding:32px 36px}.appointment-heading{display:flex;align-items:center;gap:12px;font-size:14px}.appointment-heading>.icon{color:var(--blue)}.pill{font-size:11px;color:var(--blue);background:var(--tint);border-radius:99px;padding:3px 10px;margin-left:auto}.appointment-facts{display:flex;gap:34px;margin-block:32px;padding-bottom:28px;border-bottom:1px solid var(--line)}.appointment-facts>div{display:flex;flex-direction:column;gap:5px}.appointment-facts strong{font-weight:500;font-size:34px;line-height:1.3;letter-spacing:-.04em;white-space:nowrap}.appointment-facts span{font-size:12px;color:var(--muted)}.appointment>p{font-size:14px;color:var(--muted)}.appointment>.button{width:100%;margin-top:28px}.appointment>p.small{text-align:center;font-size:12px;margin-top:14px}.app-section{background:linear-gradient(125deg,#e9f3ff,#f0f7ff 65%,#e5f0fe);padding-block:96px;border-block:1px solid #e3edfa}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.app-art{position:relative;min-height:680px;display:flex;justify-content:center;align-items:center}.app-art:before{content:'';position:absolute;width:370px;height:370px;border-radius:50%;border:1px solid #c5d9f3;box-shadow:0 0 0 50px #ffffff2b;z-index:0}.diary-phone{width:280px;transform:rotate(-5deg)}.art-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:12px;color:var(--muted)}.app-copy h2{font-size:44px}.feature-list{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:24px}.feature-list li{display:flex;gap:18px}.feature-list .icon{margin-top:3px;color:var(--blue)}.feature-list h3{font-size:16px;letter-spacing:-.01em}.feature-list p{font-size:14px;color:var(--muted);line-height:1.55;margin-top:5px;max-width:36ch}.app-copy>.small{margin-top:16px}.articles{display:grid;grid-template-columns:1fr 1fr;gap:24px}.article-card{padding:32px;background:#fff;border:1px solid var(--line);border-radius:28px;display:flex;flex-direction:column;min-height:320px;transition:transform 200ms var(--ease),box-shadow 200ms var(--ease)}.article-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #17375d09}.article-meta{display:flex;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:.01em;color:var(--muted);margin-bottom:32px}.article-meta span:first-child{color:var(--blue)}.article-card h3{max-width:24ch;font-size:25px}.article-card>p{font-size:15px;color:var(--muted);margin-top:18px;max-width:47ch}.article-end{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--blue);padding-top:30px;margin-top:auto}.article-end>.icon{width:19px;height:19px}.about-short{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line)}.about-short .section-lead{margin-top:0}.about-short p:not(.eyebrow){color:var(--muted)}.about-short .actions{gap:32px}.faq-section{max-width:840px;margin-inline:auto}.faq-section>.eyebrow{margin-bottom:18px}.faq{margin-top:40px}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:17px;cursor:pointer;padding:26px 0;list-style:none;font-weight:500;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:24px;color:var(--blue);font-weight:400;transition:transform 200ms var(--ease)}.faq details[open] summary span{transform:rotate(45deg)}.faq details>p{padding:0 48px 28px 0;color:var(--muted);font-size:16px;max-width:70ch}.closing{padding:80px 32px;margin-bottom:100px;text-align:center;border-radius:40px;background:radial-gradient(ellipse at 48% 20%,#d8eaff,transparent 75%),#edf5ff;border:1px solid #e0ebf9}.closing .eyebrow{margin-bottom:22px}.closing h2{font-size:clamp(40px,4.5vw,60px)}.closing>p:not(.eyebrow){margin:24px auto 32px;color:var(--muted);font-size:16px;max-width:60ch}.footer{padding-bottom:36px}.footer-top{display:flex;align-items:start;gap:64px;padding-top:40px;border-top:1px solid var(--line)}.footer-top>p{font-size:14px;color:var(--muted);line-height:1.6}.footer-top>.text-link{margin-left:auto;min-height:30px}.footer-links{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:42px;font-size:12px;color:var(--muted)}.footer-links a{min-height:32px;display:inline-flex;align-items:center}.fineprint{color:var(--muted);font-size:12px;line-height:1.7;margin-top:20px;max-width:90ch}.operator{display:flex;justify-content:space-between;gap:24px;font-size:11px;color:var(--muted);letter-spacing:.01em;margin-top:30px}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px;padding-top:28px}.breadcrumb a{color:var(--blue);min-height:32px;display:inline-flex;align-items:center}.page-intro{padding-block:70px 80px;max-width:900px}.page-intro h1{font-size:clamp(45px,6vw,78px)}.page-intro>.button{margin-top:32px}.page-intro>.small{margin-top:18px}.detail-band{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:36px 0;border-block:1px solid var(--line)}.detail-band>div{display:flex;flex-direction:column;gap:8px}.detail-band span{font-size:13px;color:var(--muted)}.detail-band strong{font-size:25px;font-weight:500;letter-spacing:-.02em}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;gap:34px}.steps li{counter-increment:step;position:relative;padding-left:40px}.steps li:before{content:'0' counter(step);position:absolute;left:0;top:2px;font-size:13px;color:var(--blue)}.steps h3{font-size:19px}.steps p{margin-top:12px;font-size:16px;color:var(--muted)}.reading{max-width:700px}.reading p{color:var(--muted);line-height:1.8}.reading h2{margin-bottom:24px;font-size:32px}.reading.panel{padding:36px;max-width:none}.reading .text-link{margin-top:24px}.screen-gallery{display:flex;gap:44px;justify-content:center;padding:44px 20px 28px;background:linear-gradient(150deg,#dcecff,#edf5ff);border:1px solid #d5e6fa;border-radius:40px}.screen-gallery .phone{width:min(27%,250px)}.screen-gallery .phone:nth-child(2){transform:translateY(-12px)}.gallery-caption{text-align:center;margin-top:20px}.pro-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:44px;background:linear-gradient(130deg,#edf5ff,#fff)}.pro-panel p:not(.eyebrow,.pro-price){color:var(--muted);max-width:44ch}.pro-panel h2{margin-bottom:24px}.pro-price{font-size:34px;letter-spacing:-.04em;font-weight:500}.pro-panel .button{margin-top:24px}.editorial-note{padding-block:36px 80px;max-width:80ch}.article{margin:64px auto 80px}.article h1{font-size:clamp(38px,4.4vw,60px);line-height:1.12;letter-spacing:-.04em}.article header>.small{margin-top:24px}.article header .lead{max-width:none;color:var(--muted);font-size:21px;line-height:1.6}.article section{margin-top:54px}.article h2{font-size:29px;margin-top:44px;line-height:1.25}.article p{font-size:17px}.article .small{font-size:13px}.contents{border-block:1px solid var(--line);padding-block:24px;margin-top:36px;display:grid;gap:8px}.contents strong{font-size:14px;font-weight:500;margin-bottom:4px}.contents a{font-size:14px;color:var(--blue);min-height:28px;display:block}.article-cta{margin-top:56px;padding:32px}.article-cta h2{font-size:26px;margin-top:0}.article-cta>.small{margin-top:20px}.contact-list{display:grid;grid-template-columns:1fr 1fr;gap:44px 80px;padding-bottom:80px}.contact-list h2{font-size:26px;margin-bottom:14px}.contact-list p{color:var(--muted);font-size:16px}.contact-list .text-link{overflow-wrap:anywhere;margin-top:14px}
.article-card .article-card-title{font-size:25px;font-weight:500;line-height:1.3;letter-spacing:-.02em;max-width:24ch}
@media(min-width:1280px){.hero:before{inset-inline:calc((1200px - 100vw)/2)}}
@media(max-width:1279px){.hero:before{inset-inline:-40px}.hero h1{font-size:72px}.product-stage{height:600px}.phone-front{left:40%;width:230px}.phone-back{width:216px;top:26px}.stage-note{right:-5px}.consultation-block,.app-grid,.about-short,.split{gap:60px}.app-copy h2{font-size:38px}.desktop-nav{gap:20px}.header-cta{font-size:12px}.product-stage:before{width:360px;height:360px;left:4%;top:20%}.stage-caption{bottom:0}.app-art{min-height:660px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header{height:90px}.header-cta{display:none}.hero{gap:10px;min-height:650px}.hero:before{inset-inline:-24px;inset-block-start:-90px}.hero h1{font-size:62px}.hero .lead{font-size:19px}.hero-description{font-size:15px}.hero .actions{gap:12px}.hero .button{font-size:14px;padding-inline:20px}.phone-front{left:35%;width:205px;top:116px}.phone-back{width:192px;top:62px}.stage-note{right:-10px;top:34px}.product-stage{height:590px}.product-stage:before{width:290px;height:290px;left:4%;top:23%}.stage-caption{left:0;bottom:0}.section{padding-block:80px}.consultation-block,.app-grid,.about-short,.split{gap:40px}.appointment{padding:28px}.appointment-heading{font-size:12px;gap:8px}.appointment-facts{gap:22px}.appointment-facts strong{font-size:28px}.appointment-facts span{font-size:11px}.app-art{min-height:640px}.diary-phone{width:250px}.app-art:before{width:290px;height:290px}.app-copy h2{font-size:34px}.app-copy .section-lead{font-size:18px}.feature-list{gap:18px}.app-grid{gap:40px}.app-copy .actions{gap:12px}.article-card{padding:26px}.article-card h3{font-size:23px}.footer-top{gap:36px}.pro-panel{gap:40px}.screen-gallery{gap:28px}.phone{border-radius:38px;padding:6px}.phone-screen{border-radius:32px;border-width:4px}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{height:82px}.brand{font-size:23px}.brand-mark{width:30px;height:30px}.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;min-height:44px;font-size:14px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{color:var(--blue);font-size:22px}.mobile-menu[open] summary span{transform:rotate(45deg)}.mobile-menu nav{position:absolute;z-index:10;right:0;top:54px;width:240px;max-width:calc(100vw - 40px);display:grid;padding:14px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 45px #1e3c6d20}.mobile-menu nav a{padding:12px;min-height:48px;font-size:15px;border-radius:8px}.mobile-menu nav a:hover{background:var(--tint)}.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:38px 12px;gap:32px;min-height:0}.hero:before{inset-inline:-20px;inset-block-start:-82px;background:radial-gradient(ellipse at 90% 65%,#c9e1ff,transparent 60%),linear-gradient(#f8fbff,#edf5ff)}.hero-copy{padding:0}.hero .eyebrow{font-size:11px;margin-bottom:22px;letter-spacing:.07em}.hero h1{font-size:clamp(50px,11.7vw,76px)}.lead,.hero .lead{font-size:18px;line-height:1.65;max-width:39ch;margin-top:24px}.hero-description{font-size:15px;max-width:42ch}.hero .actions{gap:8px 16px;margin-top:26px}.hero .button{font-size:14px;min-height:52px}.hero .button.ghost{padding-inline:0}.hero-copy .small{margin-top:18px;font-size:12px}.product-stage{height:550px;width:100%;max-width:450px;margin:auto}.phone-front{width:220px;top:65px;left:35%}.phone-back{width:202px;top:20px;left:2%}.stage-note{right:0;top:0;font-size:10px;padding:8px 12px}.stage-caption{bottom:0;left:4px;font-size:10px}.product-stage:before{width:290px;height:290px;left:8%;top:15%}.intro-strip{margin-top:50px;gap:20px;padding-block:30px;align-items:start;flex-wrap:wrap}.intro-strip>p{font-size:20px;flex-basis:80%}.intro-strip>span{font-size:14px;flex-basis:90%;order:2}.intro-strip>.icon{width:24px;height:24px;margin-top:8px}.intro-strip span br{display:none}.section{padding-block:64px}.consultation-block,.app-grid,.about-short,.split{grid-template-columns:1fr;gap:36px}h2{font-size:34px}.eyebrow{font-size:11px;margin-bottom:18px}.section-lead{font-size:18px;margin-top:20px}.appointment{padding:26px}.appointment-heading{font-size:13px}.appointment-facts{gap:42px;margin-block:26px}.appointment-facts strong{font-size:32px}.appointment-facts span{font-size:12px}.appointment>p{font-size:14px}.app-section{padding-block:64px}.app-grid{display:flex;flex-direction:column-reverse;gap:38px}.app-copy h2{font-size:34px}.app-art{min-height:600px;width:100%}.diary-phone{width:244px}.art-caption{font-size:11px;bottom:0}.app-art:before{width:270px;height:270px}.app-copy .actions{gap:22px}.section-heading{align-items:start;gap:20px;flex-direction:column;margin-bottom:30px}.section-heading .text-link{min-height:32px}.articles{grid-template-columns:1fr;gap:18px}.article-card{min-height:280px;padding:26px}.article-meta{font-size:11px;margin-bottom:24px}.article-card h3{font-size:24px}.article-card>p{font-size:14px}.article-end{padding-top:26px}.about-short{gap:26px}.about-short .section-lead{font-size:18px}.faq-section{width:calc(100% - 40px)}.wrap .faq-section{width:auto}.faq summary{font-size:16px;padding-block:23px}.faq details>p{font-size:15px;padding-right:12px}.closing{padding:55px 24px;margin-bottom:64px;border-radius:30px}.closing h2{font-size:40px}.closing>p:not(.eyebrow){font-size:15px;max-width:38ch}.closing br:not(h2 br){display:none}.footer-top{flex-wrap:wrap;gap:20px 30px;padding-top:32px}.footer-top .brand{flex-basis:100%}.footer-top>p{font-size:13px}.footer-top>.text-link{font-size:13px;margin-left:0}.footer-links{gap:4px 18px;margin-top:28px;font-size:11px}.fineprint{font-size:11px}.operator{flex-direction:column;gap:12px;font-size:10px;margin-top:24px}.breadcrumb{padding-top:12px;font-size:11px}.page-intro{padding-block:46px 52px}.page-intro h1{font-size:clamp(42px,10.8vw,64px)}.detail-band{grid-template-columns:1fr;gap:22px;padding-block:28px}.detail-band>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.detail-band strong{font-size:20px}.detail-band span{font-size:12px}.reading.panel{padding:26px}.reading h2{font-size:28px}.screen-gallery{gap:18px;justify-content:start;overflow-x:auto;border-radius:28px;padding:30px 24px;scroll-snap-type:x proximity;scroll-padding-inline:24px}.screen-gallery .phone{width:210px;min-width:210px;scroll-snap-align:start}.screen-gallery .phone:nth-child(2){transform:none}.gallery-caption{font-size:11px}.pro-panel{grid-template-columns:1fr;padding:28px;gap:28px}.pro-panel h2{font-size:32px}.pro-price{font-size:32px}.article{margin-block:40px 64px}.article h1{font-size:38px}.article header .lead{font-size:18px}.article p{font-size:16px}.article .small{font-size:12px}.article h2{font-size:27px}.article-cta{padding:24px}.article-cta .button{font-size:14px;padding-inline:22px}.contact-list{grid-template-columns:1fr;gap:34px;padding-bottom:52px}.contact-list h2{font-size:24px}.contact-list .text-link{font-size:14px}.editorial-note{font-size:12px;padding-block:30px 56px}}
@media(max-width:374px){.wrap{width:calc(100% - 32px)}.hero:before{inset-inline:-16px}.hero .actions{flex-direction:column;align-items:start}.hero h1{font-size:48px}.product-stage{height:490px}.phone-front{width:185px;left:35%;top:76px}.phone-back{width:174px;left:2%;top:38px}.stage-note{top:2px}.stage-caption{bottom:0}.appointment{padding:22px}.appointment-facts{gap:24px}.appointment-facts strong{font-size:28px}.app-art{min-height:570px}.faq-section{width:calc(100% - 32px)}}
@media(max-width:720px){.phone-front{left:30%}}
@media(max-width:374px){.product-stage:before{width:250px;height:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.article-card:hover{transform:none}}

/* Brand-preserving visual refinement. The base reading and layout rules remain
   in site.css; this layer defines the stronger presentation-led surfaces. */
:root {
  --stage-blue: #c2dcff;
  --edge: #d3e2f4;
  --elevated-shadow: 0 24px 60px -28px #173f7940, 0 4px 12px #173f7908;
}

.header {
  height: 76px;
  margin-top: 20px;
  padding-inline: 24px;
  background: #ffffffc9;
  border: 1px solid #ffffff;
  border-radius: 26px;
  box-shadow: 0 6px 24px #234c7b06, inset 0 0 0 1px #dce8f47a;
  position: relative;
  z-index: 5;
}

.header-cta {
  min-height: 42px;
  padding: 10px 16px;
  border: 1px solid var(--edge);
  border-radius: 99px;
  background: #ffffff90;
}

.hero {
  grid-template-columns: 1.03fr 1fr;
  gap: 24px;
  padding-block: 28px 32px;
}

.hero:before {
  inset-block-start: -116px;
  background:
    radial-gradient(ellipse at 87% 35%, #bcd8ff 0, #dcecff80 40%, transparent 65%),
    linear-gradient(135deg, #f8fbff 12%, #edf5ff 70%, #e8f2ff);
}

.hero h1 {
  font-size: clamp(64px, 6.5vw, 94px);
  line-height: .96;
  letter-spacing: -.06em;
  font-weight: 550;
}

.hero-copy > .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  font-size: 11px;
  letter-spacing: .055em;
}

.hero-copy > .eyebrow:before {
  content: '';
  width: 22px;
  height: 1px;
  background: currentColor;
}

.hero .lead { margin-top: 28px; max-width: 39ch; }
.hero-description { max-width: 42ch; }
.hero .actions { gap: 22px; }
.hero .button:not(.ghost) {
  min-height: 58px;
  padding-inline: 28px;
  box-shadow: 0 10px 24px -10px #2267ce70, inset 0 1px 0 #ffffff66;
}

.hero .button.ghost {
  border-bottom: 1px solid #a8c2e2;
  border-radius: 0;
  min-height: 40px;
  padding-block: 8px;
}

.product-stage { height: 650px; }
.product-stage:before { display: none; }
.product-stage:after {
  content: '';
  position: absolute;
  width: 76%;
  height: 48px;
  left: 12%;
  bottom: 18px;
  border-radius: 50%;
  background: radial-gradient(ellipse, #325d9a2b, transparent 70%);
  transform: rotate(-4deg);
  z-index: -1;
}

.stage-monogram {
  position: absolute;
  left: 6%;
  top: 12px;
  width: 88%;
  aspect-ratio: 1;
  transform: rotate(-12deg);
  z-index: -1;
  pointer-events: none;
}

.stage-monogram .brand-mark {
  width: 100%;
  height: 100%;
  color: #82b4f3;
  opacity: .2;
  filter: drop-shadow(0 2px 0 #ffffffa3);
}

.phone {
  box-shadow:
    16px 28px 34px -12px #1c477944,
    2px 5px 8px #16355326,
    inset 0 0 0 1px #ffffffd9;
}

.phone-front {
  width: 270px;
  left: 43%;
  top: 78px;
  transform: rotate(6deg);
}

.phone-back {
  width: 246px;
  left: 0;
  top: 14px;
  transform: rotate(-10deg);
}

.stage-note {
  top: 8px;
  right: 2px;
  padding: 11px 17px;
  box-shadow: 0 12px 28px -16px #24538b40, inset 0 1px 0 #ffffff;
  background: #ffffffd9;
}

.stage-caption { bottom: 6px; left: 12px; }

.intro-strip {
  margin-top: 12px;
  padding-block: 36px;
  border-top-color: #cadcf0;
  border-bottom-color: #cadcf0;
}

.intro-strip > p { font-size: 24px; line-height: 1.3; }
.section h2 { line-height: 1.06; letter-spacing: -.045em; }
.section-lead { margin-top: 24px; }
.consultation-block { gap: 88px; }
.appointment {
  padding: 36px;
  border-color: #d5e3f5;
  border-radius: 34px;
  background: linear-gradient(150deg, #ffffff 10%, #edf5ff);
  box-shadow: var(--elevated-shadow);
}

.appointment-heading > .icon {
  width: 34px;
  height: 34px;
  padding: 7px;
  background: #e7f1ff;
  border-radius: 12px;
}

.appointment-facts { gap: 40px; padding-bottom: 30px; }
.appointment-facts strong { font-size: 40px; letter-spacing: -.05em; }
.appointment .pill { background: #dfeeff; }

.app-section {
  background: linear-gradient(125deg, #dfedff, #eef6ff 58%, #dcecff);
  border-block-color: #d1e3fa;
}

.app-art:before {
  width: 80%;
  height: 76%;
  border: 1px solid #ffffffcc;
  border-radius: 52px;
  background: linear-gradient(135deg, #ffffff59, #d5e6ff80);
  box-shadow: 0 26px 50px -35px #1d4d914d;
  transform: rotate(7deg);
}

.diary-phone { width: 288px; transform: rotate(-6deg); }
.feature-list { gap: 25px; }
.feature-list > li > .icon {
  width: 36px;
  height: 36px;
  padding: 8px;
  border: 1px solid #ffffff;
  border-radius: 12px;
  background: #ffffff80;
  box-shadow: 0 4px 10px #20457505;
  margin-top: 0;
}

.article-card {
  border-color: #dae5f3;
  box-shadow: 0 8px 24px #1e467504;
}

.article-card.illustrated { overflow: hidden; }
.article-cover {
  position: relative;
  aspect-ratio: 2.35;
  margin: -32px -32px 30px;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(125deg, #dceaff, #edf5ff 58%, #d1e4fd);
}

.article-cover.cover-home {
  background: linear-gradient(125deg, #e8f3ff, #d7e8fc 60%, #c8e0ff);
}

.article-cover img {
  position: absolute;
  top: 24px;
  right: 42px;
  width: 44%;
  height: auto;
  border: 4px solid #ffffff;
  border-radius: 22px;
  transform: rotate(-9deg);
  box-shadow: 10px 16px 24px #1c477920;
}

.cover-home img { top: 20px; transform: rotate(9deg); }
.cover-mark {
  position: absolute;
  left: 14px;
  top: -5px;
  width: 44%;
  aspect-ratio: 1;
  transform: rotate(-15deg);
}

.cover-mark .brand-mark { width: 100%; height: 100%; color: #8db9f1; opacity: .35; }
.article-card.illustrated .article-meta { margin-bottom: 20px; }
.article-card.illustrated .article-card-title { font-size: 28px; line-height: 1.12; }
.about-short > div:first-child { padding-left: 28px; border-left: 2px solid #aacbf5; }
.about-short .eyebrow { margin-bottom: 24px; }
.closing {
  border-color: #d1e3fa;
  box-shadow: inset 0 1px 0 #ffffff, 0 20px 44px -36px #2267ce3d;
  background: radial-gradient(ellipse at 80% 0, #bcd8fd, transparent 75%), linear-gradient(125deg, #e9f3ff, #dcecff);
}
.closing h2 { line-height: 1.02; letter-spacing: -.045em; }

@media (hover: hover) and (pointer: fine) {
  .article-card.illustrated:hover { box-shadow: 0 18px 36px -18px #234e8c29; }
}

@media (max-width: 1279px) and (min-width: 1001px) {
  .hero h1 { font-size: 78px; }
  .phone-front { width: 250px; left: 40%; top: 90px; }
  .phone-back { width: 230px; top: 28px; }
  .product-stage { height: 620px; }
  .appointment-facts { gap: 26px; }
  .appointment-facts strong { font-size: 36px; }
}

@media (max-width: 1000px) and (min-width: 721px) {
  .header { padding-inline: 20px; }
  .desktop-nav { gap: 24px; }
  .hero h1 { font-size: 64px; }
  .hero .actions { gap: 14px; }
  .hero .button:not(.ghost) { padding-inline: 22px; }
  .product-stage { height: 600px; }
  .phone-front { width: 208px; left: 34%; top: 115px; }
  .phone-back { width: 195px; left: 0; top: 58px; }
  .stage-note { right: 0; top: 26px; }
  .stage-monogram { top: 90px; }
  .consultation-block { gap: 40px; }
  .appointment { padding: 26px; }
  .appointment-facts { gap: 24px; }
  .appointment-facts strong { font-size: 30px; }
  .appointment-heading > .icon { width: 28px; height: 28px; padding: 5px; }
  .diary-phone { width: 256px; }
  .article-cover { margin: -26px -26px 26px; }
  .article-card.illustrated .article-card-title { font-size: 25px; }
}

@media (max-width: 720px) {
  .header { height: 64px; margin-top: 14px; padding-inline: 16px; border-radius: 22px; }
  .hero { padding-block: 40px 18px; gap: 26px; }
  .hero:before { inset-block-start: -100px; }
  .hero h1 { font-size: clamp(50px, 12.6vw, 76px); line-height: .96; }
  .hero-copy > .eyebrow { font-size: 10px; margin-bottom: 26px; gap: 8px; }
  .hero-copy > .eyebrow:before { width: 16px; }
  .hero .lead { font-size: 18px; margin-top: 24px; line-height: 1.6; }
  .hero .actions { gap: 14px 20px; margin-top: 28px; }
  .hero .button:not(.ghost) { min-height: 54px; padding-inline: 24px; }
  .hero .button.ghost { padding-inline: 0; }
  .hero-copy > .small { margin-top: 20px; }
  .product-stage { height: 570px; max-width: 420px; }
  .phone-front { width: 228px; top: 83px; left: 29%; }
  .phone-back { width: 208px; top: 28px; left: 2%; }
  .stage-monogram { top: 12px; }
  .stage-note { top: 8px; right: 0; padding: 9px 13px; }
  .stage-caption { bottom: 3px; left: 4px; font-size: 10px; }
  .product-stage:after { bottom: 32px; }
  .intro-strip { margin-top: 28px; padding-block: 28px; }
  .intro-strip > p { font-size: 22px; line-height: 1.3; }
  .consultation-block { gap: 34px; }
  .appointment { padding: 26px; border-radius: 30px; }
  .appointment-heading { gap: 10px; font-size: 12px; }
  .appointment-heading > .icon { width: 30px; height: 30px; padding: 6px; }
  .appointment-facts { gap: 32px; }
  .appointment-facts strong { font-size: 36px; }
  .app-art { min-height: 620px; }
  .app-art:before { width: 78%; height: 75%; border-radius: 40px; }
  .diary-phone { width: 258px; }
  .feature-list { gap: 22px; }
  .article-cover { margin: -26px -26px 26px; aspect-ratio: 2.15; }
  .article-cover img { right: 30px; top: 20px; width: 46%; border-radius: 18px; }
  .article-card.illustrated .article-card-title { font-size: 26px; }
  .about-short > div:first-child { padding-left: 22px; }
}

@media (max-width: 374px) {
  .hero h1 { font-size: 46px; }
  .hero-copy > .eyebrow { font-size: 9px; letter-spacing: .04em; }
  .product-stage { height: 500px; }
  .phone-front { width: 188px; left: 29%; top: 85px; }
  .phone-back { width: 174px; left: 3%; top: 42px; }
  .appointment { padding: 22px; }
  .appointment-heading { gap: 8px; font-size: 11px; }
  .appointment-facts { gap: 24px; }
  .appointment-facts strong { font-size: 30px; }
  .diary-phone { width: 242px; }
  .app-art { min-height: 580px; }
}

@media (prefers-reduced-motion: reduce) {
  .product-stage:hover .phone-front { transform: rotate(6deg); }
  .product-stage:hover .phone-back { transform: rotate(-10deg); }
}

.blog-intro{padding-bottom:40px}.blog-topics{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.blog-topics a{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid #d3e2f4;border-radius:99px;color:var(--blue);font-size:14px;background:#fff}.blog-topics a:hover{background:#edf5ff}.blog-rubrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:30px;margin-top:56px;padding-top:36px;border-top:1px solid var(--line)}.blog-rubrics h2{font-size:25px;margin-bottom:18px}.blog-rubrics ul{padding-left:20px;margin:0}.blog-rubrics li+li{margin-top:12px}.blog-rubrics a{font-size:15px}.post-body h2{scroll-margin-top:30px}.post-body ul,.post-body ol{padding-left:24px;color:var(--muted);font-size:17px;line-height:1.8}.post-body li+li{margin-top:12px}.article-sources{margin-top:52px;padding-top:8px;border-top:1px solid var(--line)}.article-sources h2{font-size:25px}.article-sources ul{padding-left:20px}.article-sources li+li{margin-top:20px}.article-sources .small{margin-top:6px;line-height:1.7}.article-sources a{overflow-wrap:anywhere}.blog-pager{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:36px}.page-number{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;display:inline-flex;justify-content:center;align-items:center}.page-number.current{color:#fff;background:var(--blue);border-color:var(--blue)}
@media(max-width:720px){.blog-topics{gap:8px}.blog-topics a{font-size:12px;padding-inline:14px}.blog-rubrics{gap:32px}.post-body ul,.post-body ol{font-size:16px}.article-sources h2{font-size:24px}}
.article h1,.article h2,.article h3{overflow-wrap:anywhere;hyphens:auto}

/* A single decorative CSS movement, without moving readable/interactive UI. */
:root {
  --ease: cubic-bezier(.23, 1, .32, 1);
  --hero-motion-duration: 4800ms;
  /* easeInOutSine from the easings.net primary catalogue. */
  --hero-motion-ease: cubic-bezier(.37, 0, .63, 1);
}
.hero { isolation: isolate; }
.hero:before { z-index: -2; inset-block-end: 0; }
.hero-copy { z-index: 2; }
.hero h1 { letter-spacing: -.04em; }
.hero-line { display: block; overflow: clip; padding-block: .05em; margin-block: -.05em; }
.hero-line > span { display: block; }
.hero-copy > .hero-byline { margin-bottom: 28px; color: #365b87; font-size: 13px; letter-spacing: -.01em; }
.hero-atmosphere {
  position: absolute; inset: -116px calc((1200px - 100vw)/2) 0;
  z-index: -1; overflow: clip; pointer-events: none;
}
.hero-atmosphere:after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg, #f8fbff 5%, #f8fbfff5 25%, #f4f9ff80 47%, transparent 66%);
}
.hero-ribbon {
  --ribbon-start-angle: -2deg;
  --ribbon-angle: -16deg;
  --ribbon-squash: .85;
  --ribbon-start-x: 24px;
  --ribbon-start-y: 14px;
  position: absolute; width: min(79vw, 1100px); aspect-ratio: 1;
  right: -5%; top: -12%;
  background: url('./calmup-ribbon.svg') center / contain no-repeat;
  transform: translate3d(0, 0, 0) rotate(var(--ribbon-angle)) scaleY(var(--ribbon-squash));
  transform-origin: 50% 50%;
  animation: calmup-ribbon-settle var(--hero-motion-duration) var(--hero-motion-ease) 1 backwards;
}
.hero-ribbon--echo {
  --ribbon-start-angle: 141deg;
  --ribbon-angle: 151deg;
  --ribbon-squash: .82;
  --ribbon-start-x: -18px;
  --ribbon-start-y: 20px;
  width: min(58vw, 850px); top: 19%; right: -15%; opacity: .55;
}
@keyframes calmup-ribbon-settle {
  from { transform: translate3d(var(--ribbon-start-x), var(--ribbon-start-y), 0) rotate(var(--ribbon-start-angle)) scaleY(var(--ribbon-squash)); }
  to { transform: translate3d(0, 0, 0) rotate(var(--ribbon-angle)) scaleY(var(--ribbon-squash)); }
}
.hero.is-settled .hero-ribbon { animation: none; }
.product-stage { z-index: 1; height: 710px; }
.stage-monogram { display: none; }
.stage-note { background: #fff; border-color: #e7f0fb; box-shadow: 0 12px 28px -16px #24538b40; }
.stage-caption { padding-right: 0; z-index: 3; }
.phone-front { --phone-angle: 6deg; }
.phone-back { --phone-angle: -10deg; }
.hero .phone { transform: rotate(var(--phone-angle)); }
@media (max-width: 1279px) {
  .hero-atmosphere { inset-inline: -40px; }
  .product-stage { height: 670px; }
}
@media (max-width: 1000px) {
  .hero-atmosphere { inset-inline: -24px; }
  .product-stage { height: 650px; }
  .hero-ribbon { top: -1%; right: -17%; width: 92vw; }
  .hero-ribbon--echo { top: 20%; right: -27%; width: 69vw; }
}
@media (max-width: 720px) {
  .hero { gap: 16px; padding-top: 34px; }
  .hero-atmosphere { inset: -100px -20px 0; }
  .product-stage { height: 635px; }
  .hero-atmosphere:after { background: linear-gradient(180deg, #f8fbff80 0, #f8fbffb3 18%, #f8fbffde 41%, transparent 63%); }
  .hero-ribbon { --ribbon-start-angle: -10deg; --ribbon-angle: -24deg; --ribbon-squash: .9; width: 155vw; right: -63%; top: 3%; }
  .hero-ribbon--echo { --ribbon-start-angle: 145deg; --ribbon-angle: 155deg; --ribbon-squash: .8; width: 135vw; right: -32%; top: 49%; opacity: .48; }
  .hero-copy > .hero-byline { margin-bottom: 22px; font-size: 12px; }
  .hero .lead { margin-top: 22px; }
  .stage-caption { bottom: 0; font-size: 10px; }
}
@media (max-width: 374px) {
  .hero-atmosphere { inset-inline: -16px; }
  .product-stage { height: 565px; }
  .stage-caption { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-ribbon { animation: none; }
}