.device-mockup{width:100%;perspective:1100px;padding:8px 10px 12px 6px}.device-frame{position:relative;padding:6px;border:1px solid #a99cae;border-radius:32px;background:linear-gradient(115deg,#d4cdd9,#66596d 12%,#29222f,#9b8ca6 84%,#e0d7e5);box-shadow:inset 0 0 0 2px #28212d,5px 1px #62536e,7px 2px #31263a,15px 24px 34px #24152e30;transform:rotateY(-9deg) rotateX(3deg) rotate(-1deg);transform-style:preserve-3d;transition:transform .35s ease}.device-screen{position:relative;overflow:hidden;aspect-ratio:9 / 20;border:2px solid #131016;border-radius:25px;background:#f8f5fc}.device-screen :is(img,video){display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0}.device-screen>a{display:block;height:100%;cursor:zoom-in}.device-camera{position:absolute;top:13px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#293c52,#09090c 55%);box-shadow:0 0 0 2px #25202a;pointer-events:none}.device-volume,.device-power{position:absolute;right:-5px;width:4px;border:1px solid #8b7b97;border-radius:3px;background:linear-gradient(90deg,#3d3047,#a496af,#51405f)}.device-volume{top:19%;height:52px}.device-power{top:34%;height:28px}.screen-dark,html[data-theme=dark] .screen-light{display:none!important}html[data-theme=dark] .screen-dark{display:block!important}html[data-theme=dark] .device-screen{background:#100c1b}html[data-theme=dark] .device-frame{box-shadow:inset 0 0 0 2px #28212d,5px 1px #62536e,7px 2px #31263a,15px 24px 34px #00000065}.device-frame:has(a:focus-visible){outline:3px solid var(--mint);outline-offset:5px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.device-mockup:hover .device-frame,.device-mockup:focus-within .device-frame{transform:rotateY(-3deg) rotateX(1deg)}}@media(max-width:650px){.device-frame{transform:rotateY(-4deg) rotateX(1deg)}}@media(prefers-reduced-motion:reduce){.device-frame{transition:none;transform:none}}.hero-showcase{--showcase-surface: #f0e6f8;--showcase-line: #cbb3df70;--showcase-card: #ffffffcf;--showcase-glow: #bc8de145;position:relative;width:min(1060px,calc(100% - 48px));margin:44px auto 0}.hero-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 330px minmax(0,1fr);align-items:center;gap:28px;padding:24px 40px 12px;isolation:isolate}.hero-stage:before{content:"";position:absolute;inset:75px 0 60px;z-index:-2;border:1px solid var(--showcase-line);border-radius:44px;background:radial-gradient(ellipse at 50% 50%,var(--showcase-glow),transparent 65%),var(--showcase-surface);transform:rotate(-3deg);pointer-events:none}.hero-stage:after{content:"";position:absolute;width:490px;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--showcase-line);border-radius:50%;z-index:-1;pointer-events:none}.hero-handset{position:relative;grid-column:2;grid-row:1;min-width:0;z-index:2}.hero-handset:after{content:"";position:absolute;bottom:-8px;left:12%;width:76%;height:22px;border-radius:50%;background:#3b205d25;filter:blur(14px);z-index:-1}.hero-handset .device-mockup{padding:8px}.hero-handset .device-frame{padding:5px;border-radius:36px;border-color:#a49bac;background:linear-gradient(115deg,#e1dbe5,#514959 18%,#1a1720 50%,#9c91a7 85%,#d6cedd);box-shadow:inset 0 0 0 2px #27232d,3px 0 #6f647b,5px 1px #342b40,18px 24px 48px #28163728;transform:rotateY(-7deg) rotate(-2deg)}.hero-handset .device-screen{border-radius:29px;border-width:3px}.hero-screen-image{height:100%}.hero-feature-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:14px 8px;padding:22px;border:1px solid var(--showcase-line);border-radius:24px;background:var(--showcase-card);box-shadow:0 16px 40px #3b205d09;color:var(--text)}.hero-note-rooms{grid-column:1;grid-row:1;transform:translateY(-95px) rotate(-4deg)}.hero-note-routine{grid-column:3;grid-row:1;transform:translateY(95px) rotate(4deg)}.hero-note-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--showcase-surface);color:var(--accent)}.hero-note-number{align-self:center;color:var(--muted);font-size:11px;letter-spacing:.1em}.hero-feature-card strong{grid-column:1 / -1;font-size:17px;line-height:1.4;letter-spacing:-.025em}.hero-note-detail{grid-column:1 / -1;color:var(--muted);font-size:12px;line-height:1.6}html[data-theme=dark] .hero-showcase{--showcase-surface: #21182d;--showcase-line: #ad8bce35;--showcase-card: #2b2136ed;--showcase-glow: #9860cd30}html[data-theme=dark] .hero-handset .device-frame{box-shadow:inset 0 0 0 2px #27232d,3px 0 #6f647b,5px 1px #342b40,18px 24px 48px #0006}@media(max-width:900px){.hero-stage{grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:16px;padding-inline:20px}.hero-feature-card{padding:16px}.hero-feature-card strong{font-size:14px}.hero-note-detail{display:none}}@media(max-width:650px){.hero-showcase{width:calc(100% - 32px);margin-top:28px}.hero-stage{grid-template-columns:1fr 1fr;gap:14px 10px;padding:8px 12px 18px}.hero-stage:before{inset:60px 0 0;transform:none;border-radius:32px}.hero-stage:after{width:100%;max-width:380px;top:40%}.hero-handset{grid-column:1 / -1;grid-row:1;width:min(290px,100%);justify-self:center}.hero-feature-card{grid-row:2;align-self:stretch;transform:none;border-radius:18px;padding:14px;gap:10px}.hero-note-rooms{grid-column:1}.hero-note-routine{grid-column:2}.hero-note-icon{width:34px;height:34px;border-radius:11px}.hero-feature-card strong{font-size:12px}.hero-note-number{font-size:10px}}@media(prefers-reduced-motion:reduce){.hero-handset .device-frame{transform:none}}.how-section{background:linear-gradient(180deg,transparent,#f1e8f745,transparent)}.how-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:42px}.how-heading .eyebrow{margin-bottom:18px}.how-heading>p{max-width:270px;font-size:16px;color:var(--muted)}.journey-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding:40px;margin:0;list-style:none;border:1px solid var(--line);border-radius:32px;background:#ffffffc9;box-shadow:0 16px 50px #43265008}.journey-step{position:relative;min-width:0;display:grid;grid-template-rows:64px 1fr 144px;gap:26px}.journey-step:not(:last-child):after{content:"";position:absolute;top:32px;left:64px;right:-48px;height:1px;background:var(--line)}.journey-number{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;border:1px solid #d5bde6;border-radius:50%;background:#f0e4fa;color:#8040b0;font-size:22px;font-weight:600;letter-spacing:-1px}.journey-copy h3{font-size:22px;line-height:1.35;letter-spacing:-.6px;margin-bottom:12px}.journey-copy p{font-size:15px;color:var(--muted);line-height:1.8}.journey-example{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;border:1px solid var(--line);border-radius:20px;background:#f8f5fc}.journey-rooms{align-items:stretch;gap:8px}.journey-rooms>div{display:flex;gap:10px;align-items:center;font-size:13px}.journey-rooms>div>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--accent);background:#eee1f8;flex-shrink:0}.journey-rooms>div>.icon{margin-left:auto;color:var(--mint)}.journey-routine>.icon{color:var(--accent)}.journey-routine>div{display:flex;align-items:center;gap:12px}.journey-routine strong{font-size:36px;line-height:1;color:var(--accent);font-weight:600}.journey-routine span{font-size:12px;color:var(--muted);text-align:center}.journey-finished>span{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#deefe4;color:#28734e}.journey-finished p{font-size:12px;text-align:center;color:var(--muted)}html[data-theme=dark] .how-section{background:radial-gradient(ellipse at 85% 50%,#71458f12,transparent 65%)}html[data-theme=dark] .journey-list{background:#1c1827cc;box-shadow:0 16px 50px #00000020}html[data-theme=dark] .journey-number{border-color:#705183;background:#30223f;color:#c6a0f2}html[data-theme=dark] .journey-example{background:#15111e}html[data-theme=dark] .journey-rooms>div>span{background:#30223f}html[data-theme=dark] .journey-finished>span{background:#203c2e;color:#a5ddbb}@media(max-width:900px){.how-heading{align-items:start;flex-direction:column;gap:20px}.how-heading>p{max-width:500px}.journey-list{grid-template-columns:1fr;gap:36px;padding:28px}.journey-step{grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;column-gap:24px;row-gap:20px}.journey-number{grid-row:1 / 3}.journey-example{grid-column:2;min-height:132px}.journey-step:not(:last-child):after{inset:64px auto -36px 32px;width:1px;height:auto}}@media(max-width:650px){.journey-list{padding:22px 18px;border-radius:24px}.journey-step{grid-template-columns:44px minmax(0,1fr);column-gap:16px}.journey-number{width:44px;height:44px;font-size:17px}.journey-step:not(:last-child):after{top:44px;left:22px}.journey-copy h3{font-size:19px}.journey-copy p{font-size:14px}.journey-example{padding:14px}}.contacts-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;border-top:1px solid var(--line);scroll-margin-top:100px}.contacts-intro h2{margin-block:16px}.contacts-intro>p:last-child{max-width:440px;color:var(--muted);font-size:15px;line-height:1.7}.contact-links{display:grid;gap:14px;min-width:0;font-style:normal}.contact-card{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);transition:border-color .2s ease}.contact-card:hover{border-color:var(--accent)}.contact-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid var(--line);border-radius:15px;color:var(--accent)}.contact-details{display:grid;gap:7px;min-width:0;flex:1}.contact-details>span{color:var(--muted);font-size:12px}.contact-details strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.contact-card>.icon{flex-shrink:0;color:var(--accent)}@media(max-width:900px){.contacts-section{grid-template-columns:1fr;gap:28px}}@media(max-width:480px){.contact-card{padding:18px 14px;gap:12px}.contact-icon{flex-basis:38px;height:38px;border-radius:12px}.contact-details strong{font-size:13px}}@media(prefers-reduced-motion:reduce){.contact-card{transition:none}}body:has(.page-ambient){isolation:isolate}.page-ambient{--ambient-lilac: #b57be329;--ambient-mint: #8bd2b326;--ambient-peach: #e8b18520;--ambient-line: #aa7cc525;position:fixed;inset:0;overflow:clip;z-index:-1;pointer-events:none}html[data-theme=dark] .page-ambient{--ambient-lilac: #9051bc30;--ambient-mint: #3b967c20;--ambient-peach: #ab754520;--ambient-line: #be96dc18}.ambient-orb{position:absolute;width:760px;height:760px;border-radius:50%}.ambient-lilac{left:-320px;top:-250px;background:radial-gradient(circle,var(--ambient-lilac),transparent 68%)}.ambient-mint{right:-280px;top:12%;background:radial-gradient(circle,var(--ambient-mint),transparent 66%)}.ambient-peach{left:18%;bottom:-480px;background:radial-gradient(circle,var(--ambient-peach),transparent 68%)}.ambient-lines{width:100%;height:100%;stroke:var(--ambient-line);stroke-width:1}.hero-intro{padding-top:60px;overflow:clip;background:radial-gradient(ellipse at 50% 45%,#ede0f84d,transparent 65%)}.hero-content{width:min(880px,calc(100% - 40px));margin-inline:auto;text-align:center}.hero-content h1{font-size:clamp(38px,4.1vw,60px);line-height:1.08;letter-spacing:-.05em;text-wrap:balance}.hero-content h1>span{display:block;color:var(--accent)}.hero-download{margin-top:22px}.download-button{gap:12px;min-height:54px;padding-inline:26px;font-size:15px}.hero-download .download-button:disabled{background:#e4d0f4;color:#573672;opacity:1;border:1px solid #cbb0df;box-shadow:0 8px 24px #8040b018;cursor:not-allowed;transform:none}html[data-theme=dark] .hero-intro{background:radial-gradient(ellipse at 50% 45%,#56357026,transparent 65%)}html[data-theme=dark] .hero-download .download-button:disabled{background:#c6a0f2;color:#321346;border-color:#d6b9f6;box-shadow:0 8px 28px #00000030}@media(max-width:900px){.hero-intro{padding-top:52px}.hero-content h1{font-size:clamp(38px,4.8vw,52px)}}@media(max-width:650px){.ambient-orb{width:520px;height:520px}.ambient-lilac{left:-280px;top:-100px}.ambient-mint{right:-300px;top:40%}.ambient-lines{opacity:.55}.hero-intro{padding-top:46px}.hero-content h1{font-size:clamp(36px,8.5vw,48px)}.hero-download{margin-top:22px}}
