:root{--app-accent:#f4678e;--app-deep:#cd3566;--app-bg:#ffe7ef;--app-tint:#fff1f5}
:root[data-color=blue]{--bg:#eef4fd;--ink:#1c304f;--muted:#526b8a;--pink:#1f62d6;--line:#c4d6ee;--surface:#f9fbff;--panel:#dce8fb;--button:#244b80;--button-text:#f4f8ff;--app-accent:#3d86f5;--app-deep:#1f62d6;--app-bg:#e3efff;--app-tint:#eef5ff}
:root[data-color=blue][data-theme=dark]{--bg:#151f30;--ink:#e7effa;--muted:#abc0dc;--pink:#8db8fb;--line:#3b536f;--surface:#1f3048;--panel:#263d5c;--button:#d4e4fd;--button-text:#1a2d49}
body{transition:background-color .35s,color .35s}.nav-actions{display:flex;align-items:center;gap:13px}.palette-toggle{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:100px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:800}.palette-toggle>span:first-child{height:14px;width:14px;border-radius:50%;background:var(--app-accent);box-shadow:0 0 0 3px var(--panel)}
.duo-demo-card{text-align:center;padding:25px 0 20px;touch-action:pan-y}.duo-demo-card img{height:86px;width:86px;object-fit:cover;border-radius:50%;border:5px solid var(--app-accent);padding:3px;margin:0 auto 17px}.duo-demo-card h3{font-size:24px}.duo-demo-card p{font-size:13px;color:var(--muted);margin-top:7px}.duo-arrows{display:flex;align-items:center;justify-content:space-between;gap:15px}.duo-arrows button{width:48px;height:48px;border-radius:50%;background:var(--panel);border:0;color:var(--pink);font-size:22px}.duo-arrows span{font-size:12px;color:var(--muted)}.question-peek{border-top:1px solid var(--line);margin-top:20px;padding-top:20px;touch-action:pan-y}.question-peek>small{font-size:9px;letter-spacing:1.2px;color:var(--pink);font-weight:900}.question-peek>p{font-size:20px;font-weight:850;line-height:1.35;margin:15px 0}.nudge-box{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:23px}.nudge-box>.solid-action{width:100%}.solid-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--button);color:var(--button-text);border:0;border-radius:100px;min-height:46px;padding:12px 20px;font-size:13px;font-weight:850}.nudged{background:var(--app-accent)!important;color:#fff!important}form>label{display:block;font-size:13px;font-weight:850;margin:16px 0 8px}input,textarea,select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:13px;width:100%;font-size:16px;min-height:46px}textarea{resize:vertical;max-height:180px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--pink);outline-offset:3px}form>.solid-action{margin-top:16px;width:100%}.reply-preset{border:1px solid var(--line);border-radius:100px;color:var(--pink);background:var(--panel);padding:12px 15px;min-height:44px;font-size:12px;margin:5px 0 15px}.comment-bubble{padding:15px;background:var(--panel);color:var(--ink);border-radius:14px;font-size:14px;line-height:1.5;margin-top:15px;overflow-wrap:anywhere}.art-playground{border-top:1px solid var(--line);margin-top:25px;padding-top:24px}.art-playground>h3{font-size:20px;margin:0}.art-playground>p{font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0 18px}.art-playground>.solid-action{width:100%}#art-preview>img{width:100%;max-height:440px;object-fit:contain;border-radius:16px;margin:20px 0}#art-preview>.solid-action{width:100%;font-size:12px}.wall-title{font-size:22px;margin:25px 0 18px}.wall-notes{display:grid;grid-template-columns:1fr 1fr;gap:13px}.wall-notes>p{font-family:Caveat,cursive;font-size:24px;line-height:1.25;background:#fff0b7;color:#503340;padding:18px 14px;transform:rotate(-3deg);min-height:95px;overflow-wrap:anywhere;box-shadow:0 6px 10px #5033400a}.wall-notes>p:nth-child(even){background:#ffdce7;transform:rotate(4deg)}.form-actions{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.form-actions>button{flex:1;min-height:46px;font-size:12px}.form-actions>button:first-child{border:1px solid var(--line);background:var(--surface);color:var(--pink);border-radius:100px;padding:10px}.days-playground form>.solid-action{margin-top:23px}
.enhanced .chapter-dots{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.enhanced .chapter-dots::-webkit-scrollbar{display:none}
body:has(.story.is-reading) .nav-cta{position:fixed;top:14px;right:max(18px,env(safe-area-inset-right));z-index:6;box-shadow:0 4px 20px #34203c0c}.source-gallery-button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:10px;min-height:44px;cursor:pointer}.ios-gallery-dialog{width:min(1100px,calc(100% - 32px));max-height:92dvh;padding:30px;overflow:auto}.ios-gallery-dialog>h2{font-size:26px}.ios-gallery-dialog>p{font-size:13px;margin:16px 0 25px;line-height:1.6}.ios-gallery{display:flex;gap:24px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.ios-gallery>img{width:auto;height:min(65dvh,590px);border-radius:24px;flex-shrink:0;scroll-snap-align:center}.dialog-close{min-width:44px;min-height:44px;right:8px;top:8px}
.feature-dialog>.dialog-close{position:sticky;float:right;top:0;right:0;z-index:2;margin:-15px -8px 0 0;background:var(--surface)}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.enhanced .hero-phone{animation-range:contain 0px contain 40svh}.enhanced .hero-copy,.enhanced .couple,.enhanced .floating-note,.enhanced .hero-bottom,.enhanced .art-label,.enhanced .art-spark{animation-range:contain 0px contain 35svh}}}
@media(max-width:800px){.nav-actions{gap:8px}.nav-cta{padding-inline:17px;gap:9px}.palette-toggle{padding:8px 10px;font-size:10px;gap:7px}.palette-toggle>span:first-child{height:12px;width:12px}.brand{font-size:19px}.enhanced .chapter-dots{justify-content:flex-start}.enhanced .chapter-dots a{flex:0 0 55px;font-size:10px}.enhanced .scene-panels{height:248px;bottom:88px}.story-panel h2{font-size:32px;line-height:1.05}.enhanced .story-panel>p{font-size:13px;line-height:1.55}.demo-trigger{margin-top:14px}.feature-dialog .form-actions>.solid-action{min-height:46px}}
@media(max-width:375px){.brand{font-size:17px;gap:7px}.brand img{width:32px;height:32px}.nav-cta{font-size:12px;padding-inline:13px;gap:8px}.nav-actions{gap:6px}.palette-toggle{padding-inline:8px;font-size:9px;gap:6px}.palette-toggle>span:first-child{width:10px;height:10px}.enhanced .story-panel>p{font-size:12.5px}.story-panel h2{font-size:29px}}
@media(max-width:800px) and (max-height:740px){.enhanced .scene-panels{height:232px;bottom:78px}.story-panel h2{font-size:28px}.enhanced .story-panel>p{font-size:12.5px;line-height:1.45}.demo-trigger{margin-top:12px}.enhanced .story-panel>.section-index{font-size:7px}}
@media(max-width:600px) and (max-height:620px){.enhanced .scene-panels{height:230px;bottom:79px}.story-panel h2{font-size:25px;margin-block:8px}.enhanced .story-panel>p{font-size:12px;line-height:1.4}.demo-trigger{min-height:44px;margin-top:10px}.enhanced .chapter-dots a{height:44px}}
@media(prefers-reduced-motion:reduce){body{transition:none}}
/* The phone always displays supplied iOS captures, without recoloring or recreating their UI. */
.hero-phone{overflow:visible;pointer-events:auto}.phone-screens{overflow:hidden;border-radius:33px}.screen-zoom{position:absolute;inset:0;background:transparent;border:0;border-radius:inherit;z-index:2;touch-action:pan-y}.screenshot-switcher{position:absolute;top:50%;left:-58px;right:-58px;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:3}.screenshot-switcher>button{pointer-events:auto;width:44px;height:44px;border:1px solid var(--line);background:var(--surface);color:var(--pink);border-radius:50%;font-size:28px;line-height:1;box-shadow:0 6px 20px #3020390a;transition:transform .2s}.screenshot-switcher>button:hover{transform:scale(1.08)}.story:not(.is-reading) .screenshot-switcher{visibility:hidden}
.ios-gallery>figure{margin:0;flex-shrink:0;scroll-snap-align:center}.ios-gallery>figure>img{height:min(65dvh,590px);width:auto;border-radius:22px;max-width:100%}.ios-gallery figcaption{font-size:12px;line-height:1.5;text-align:center;color:var(--muted);margin-top:15px;max-width:280px}.ios-gallery-dialog>.dialog-close{position:sticky;top:0;float:right;z-index:2;background:var(--surface)}
.nav,main,footer{position:relative;z-index:1}.floating-symbols{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;color:var(--app-accent)}.floating-symbols>span{position:absolute;font-size:32px;opacity:.13;font-weight:850;animation:symbol-drift 19s ease-in-out infinite alternate;will-change:transform}.floating-symbols>span:nth-child(1){left:5%;top:19%;font-size:27px}.floating-symbols>span:nth-child(2){left:23%;top:8%;animation-delay:-8s}.floating-symbols>span:nth-child(3){left:88%;top:16%;animation-delay:-3s;font-size:40px}.floating-symbols>span:nth-child(4){left:72%;top:34%;animation-delay:-13s;font-size:24px}.floating-symbols>span:nth-child(5){left:95%;top:58%;animation-delay:-11s}.floating-symbols>span:nth-child(6){left:8%;top:66%;animation-delay:-4s;font-size:24px}.floating-symbols>span:nth-child(7){left:28%;top:88%;animation-delay:-15s}.floating-symbols>span:nth-child(8){left:64%;top:79%;animation-delay:-7s;font-size:26px}.floating-symbols>span:nth-child(9){left:47%;top:40%;animation-delay:-12s;font-size:20px}.floating-symbols>span:nth-child(10){left:81%;top:93%;animation-delay:-2s;font-size:36px}.floating-symbols>span:nth-child(11){left:39%;top:63%;animation-delay:-9s;font-size:20px}.floating-symbols>span:nth-child(12){left:57%;top:6%;animation-delay:-5s}
@keyframes symbol-drift{from{transform:translate3d(-7px,20px,0) rotate(-10deg)}to{transform:translate3d(13px,-28px,0) rotate(12deg)}}
@media(max-width:800px){.screenshot-switcher{left:-54px;right:-54px}.screenshot-switcher>button{width:44px;height:44px}.floating-symbols>span{font-size:24px;opacity:.14}.floating-symbols>span:nth-child(n+9){display:none}.phone-screens{border-radius:25px}.ios-gallery-dialog{padding:24px 18px}.ios-gallery>figure>img{height:min(64dvh,590px);max-width:none}.ios-gallery-dialog>h2{font-size:23px}.phone-caption small{letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){.floating-symbols>span{animation:none;will-change:auto}.screenshot-switcher>button{transition:none}}
.nav{z-index:10}.voice-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:90px;border-bottom:1px solid var(--line)}.voice-feature h2{font-size:clamp(38px,4.7vw,64px);line-height:1.1;letter-spacing:-1.8px;margin:25px 0}.voice-feature h2>span{color:var(--pink)}.voice-feature p{font-size:15px;line-height:1.8;color:var(--muted);max-width:390px}.voice-feature .small-action{margin-top:24px;min-height:44px}.voice-commands{background:var(--surface);border:1px solid var(--line);padding:36px;border-radius:30px;transform:rotate(2deg)}.voice-wave{display:block;font-size:30px;color:var(--pink);letter-spacing:7px;margin-bottom:23px}.voice-commands p{font-size:17px;font-weight:850;color:var(--ink);padding:15px 0;border-top:1px solid var(--line)}.voice-commands small{font-size:11px;line-height:1.7;color:var(--muted);display:block;margin-top:20px}
@media(max-width:800px){.voice-feature{grid-template-columns:1fr;gap:35px;padding-block:55px}.voice-feature h2{font-size:41px}.voice-feature p{font-size:14px}.voice-commands{padding:25px;transform:rotate(1deg)}.voice-commands p{font-size:15px}.voice-feature .section-index{font-size:8px;line-height:1.8;letter-spacing:1px}}

/* A small editorial caption and a progress rail follow the real app captures. */
.screen-story-status{position:absolute;top:-25px;left:50%;transform:translateX(-50%);width:max-content;max-width:145%;font-size:9px;letter-spacing:.3px;font-weight:850;color:var(--muted);text-align:center;pointer-events:none;transition:opacity .25s}
.screen-progress{position:absolute;left:16%;right:16%;bottom:-10px;height:3px;border-radius:9px;background:var(--line);overflow:hidden;pointer-events:none}
.screen-progress::after{content:"";display:block;height:100%;width:var(--screen-progress,0%);background:var(--pink);border-radius:inherit;transition:width .35s ease}
.story:not(.is-reading) .screen-story-status,.story:not(.is-reading) .screen-progress{opacity:0}
.story[data-active=anilar] .hero-phone{box-shadow:0 24px 70px #a65c9d25,0 3px 12px #39202c15}
.story[data-active=cevaplar] .orbit{border-color:var(--pink)}
.story[data-active=gunler] .orbit-one{border-style:dashed}

@media(max-width:800px){.screen-story-status{font-size:8px;top:-18px;max-width:150%}.screen-progress{bottom:-7px;height:2px}}
@media(prefers-reduced-motion:reduce){.screen-story-status,.screen-progress::after{transition:none}}

/* Real page slides: the outgoing capture stays visible as the next one enters. */
.screen{transition:none;animation:none}
.screen.is-active{z-index:2}
.screen.is-leaving{visibility:visible;opacity:1;z-index:1}
@media(prefers-reduced-motion:no-preference){
.screen.is-active{animation:page-slide-in .65s cubic-bezier(.22,.75,.25,1) both}
.screen.is-leaving{animation:page-slide-out .65s cubic-bezier(.22,.75,.25,1) both}
@keyframes page-slide-in{from{transform:translateX(calc(100% * var(--slide-direction,1)))}to{transform:translateX(0)}}
@keyframes page-slide-out{from{transform:translateX(0)}to{transform:translateX(calc(-100% * var(--slide-direction,1)))}}
}
.journey-nav{display:none}
@media(max-width:800px){
.enhanced .chapter-dots{display:none}
.journey-nav{display:flex;position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:0;right:0;min-height:56px;align-items:center;justify-content:space-between;gap:14px;padding:6px 6px 6px 17px;border:1px solid var(--line);border-radius:100px;background:var(--surface);z-index:5;pointer-events:auto;box-shadow:0 8px 25px #34203c0c}
.journey-position{font-size:11px;font-weight:850;color:var(--muted)}
.journey-next{display:flex;align-items:center;gap:16px;min-height:44px;padding:10px 21px;border:0;border-radius:100px;background:var(--button);color:var(--button-text);font-size:14px;font-weight:900;box-shadow:0 0 0 3px var(--panel)}
.journey-next>span{font-size:21px;line-height:1}

.enhanced .hero-bottom>a{font-size:10px;font-weight:900;letter-spacing:0;background:var(--button);color:var(--button-text);padding:12px 16px;border-radius:100px;max-width:none;min-height:44px}
.enhanced .hero-bottom{bottom:74px;flex-wrap:wrap;border:0}
body:has(.story.is-reading) .nav-cta{padding:10px 16px;font-size:12px;min-height:44px;right:12px}
@media(prefers-reduced-motion:no-preference){
.journey-next{animation:scroll-glow 2s ease-in-out infinite}
.journey-next>span,.hero-bottom>a>span{animation:scroll-arrow 1.25s ease-in-out infinite}
.enhanced .story-panel{transition:transform .55s cubic-bezier(.22,.75,.25,1),opacity .3s,visibility .3s;transform:translateX(45px)}
.enhanced .story-panel.is-active{transform:translateX(0)}
@keyframes scroll-glow{50%{box-shadow:0 0 0 7px var(--panel),0 5px 20px #34649d25}}
@keyframes scroll-arrow{50%{transform:translateY(5px)}}
}
}
.download-button small,.closing .download-button small{font-size:11px;line-height:1.25;letter-spacing:0}