/* TimetoCall / SYNTH: editorial composition, one living character. */
:root{--navy:#182c48;--cyan:#34aecb;--ink:#182c48;--muted:#667789;--paper:#f4f7f8;--display:'Barlow Condensed',Impact,sans-serif;--body:Manrope,Arial,sans-serif}
body{font-family:var(--body);overflow-x:clip}body>.wrap:first-of-type{max-width:none;padding:0}.wrap{max-width:1440px;padding-inline:70px}header{max-width:1440px;padding:0 70px;margin:auto;height:100px;border:0}.brand{font-family:var(--body);font-size:30px;letter-spacing:-1.8px;font-weight:800}.brand small{font-size:8px;letter-spacing:2.5px}nav{gap:34px;font-size:12px}.btn{border-radius:0;padding:18px 0;background:transparent;color:var(--ink);border-bottom:1px solid var(--cyan);font-size:12px;min-width:190px;gap:24px}.btn:hover{background:transparent;transform:none;color:var(--cyan)}nav .btn{min-width:150px}.btn .arrow,.btn>span:last-child{transition:transform .3s}.btn:hover>span:last-child{transform:translate(4px,-4px)}
.hero{display:block;position:relative;background:var(--navy);padding:0;margin:0;isolation:isolate;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 40%,#34aecb15,transparent 55%);z-index:-1}.hero>div:first-child{position:relative;min-height:870px;max-width:1440px;margin:auto;padding:65px 70px 65px;z-index:3;pointer-events:none}.hero>div:first-child a{pointer-events:auto}.hero .eyebrow{color:#c0d4df;font-size:10px;letter-spacing:3px}.hero h1{font-family:var(--display);font-weight:600;font-size:clamp(90px,10.7vw,162px);letter-spacing:-3px;line-height:.88;text-transform:uppercase;max-width:820px;margin:47px 0 28px;color:#f4f7f8;position:relative;z-index:2}.hero h1 span{display:block;color:var(--cyan)}.hero .lead{max-width:440px;font-size:13px;line-height:1.9;color:#bdcbd7;margin:15px 0}.hero .lead strong{font-size:17px;color:#f4f7f8;font-weight:500}.hero .actions{margin-top:26px;gap:30px}.hero .btn{color:#f4f7f8}.hero .text-link{color:#c2d3df;border-color:#ffffff35;font-size:11px}.hero-note{color:#a6bdce;font-size:10px;margin-top:18px}
.synth-stage{position:absolute!important;right:max(0px,calc((100vw - 1440px)/2));top:70px;width:min(57vw,810px);height:800px;z-index:1;pointer-events:none}.synth-body{position:absolute;inset:0;transform-origin:50% 70%;will-change:transform}.synth-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 25px #07192c66);animation:breathe 6s ease-in-out infinite}.synth-aura{position:absolute;width:75%;aspect-ratio:1;left:12%;top:7%;border:1px solid #34aecb25;border-radius:50%;animation:orbit 24s linear infinite}.synth-aura:before{content:'';position:absolute;inset:8%;border:1px dashed #34aecb33;border-radius:50%}.synth-aura:after{content:'';position:absolute;width:8px;height:8px;background:var(--cyan);border-radius:50%;top:14%;left:14%;box-shadow:0 0 25px var(--cyan)}.synth-label{position:absolute;right:7%;top:12%;font-size:8px;letter-spacing:3px;color:#89c4d2;writing-mode:vertical-rl}.signal-path{position:absolute;inset:0;width:100%;height:100%;opacity:.45}.signal-path path{stroke-dasharray:100 700;animation:signal 5s linear infinite}.speaking-light{position:absolute;left:44%;top:49%;width:8%;height:4px;box-shadow:0 0 18px #83ecf4;background:#83ecf4;opacity:0;animation:voice-light 8s infinite}.sound-control{position:absolute;bottom:55px;right:70px;border:1px solid #ffffff40;background:transparent;color:#c5dce6;border-radius:50%;width:44px;height:44px;cursor:pointer;z-index:5;display:grid;place-items:center;font-size:18px}.sound-control:hover{border-color:var(--cyan);color:var(--cyan)}
.conversation{transform:none;box-shadow:none;border:0;border-radius:0;background:var(--paper);color:var(--ink);padding:40px max(70px,calc((100vw - 1300px)/2));display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px 40px;position:relative;z-index:4}.conv-head{grid-column:1/-1;padding:0;border:0;gap:12px}.bot-icon{background:none;color:var(--cyan);font-size:30px;width:30px;height:30px}.conv-head b{font-size:12px;font-weight:600}.conv-head small{font-size:9px}.conversation .wave{display:none}.bubble,.bubble.user{background:none;border-radius:0;box-shadow:none;padding:0;max-width:none;margin:0;font-size:12px;line-height:1.8}.bubble small{font-family:var(--body);font-size:8px;letter-spacing:2px;color:var(--muted);margin-bottom:8px}.result{grid-column:1/3;padding:0;color:var(--navy);background:none;border-radius:0}.check{background:var(--cyan);color:white;width:23px;height:23px;font-size:12px}.result small{color:var(--muted)}.example{align-self:center;text-align:left;font-size:8px;margin:0}
.strip{max-width:1300px;margin:0 auto;justify-content:space-between;padding:27px 0;border-bottom:0;border-top:0;font-size:10px;letter-spacing:.3px}.strip span::before{font-size:17px}.hero+ .strip{background:white}.hero~section,.hero~.dark,.hero~.incoming{max-width:1300px;margin-left:auto;margin-right:auto}section{padding:120px 0}.section-head{display:block;margin-bottom:60px}.eyebrow{font-size:9px;letter-spacing:2.7px;font-weight:700}h2{font-family:var(--display);font-size:76px;text-transform:uppercase;font-weight:600;letter-spacing:-1.5px;line-height:.96;margin:20px 0 0}.section-head p{max-width:430px;margin:30px 0 0 auto;font-size:13px}.section-head h2{max-width:850px}.uses{display:block;width:83%;margin-left:auto}.use{position:relative;display:grid;grid-template-columns:60px 1fr 1fr;align-items:start;column-gap:32px;border:0;padding:35px 0;border-bottom:1px solid var(--line);transition:transform .5s}.use:nth-child(even){margin-left:8%}.use:first-child{padding-top:0}.use h3{font-family:var(--display);font-size:42px;text-transform:uppercase;line-height:1.02;letter-spacing:-.5px;font-weight:600;margin:0}.use p{font-size:12px;margin:0;max-width:350px}.num{font-family:var(--body);font-size:10px;padding-top:6px}.use:hover{transform:translateX(10px)}
.dark{display:block;position:relative;overflow:hidden;border-radius:0;background:var(--navy);padding:90px 80px 70px}.dark:before{content:'';position:absolute;width:450px;height:450px;border:1px solid #34aecb30;border-radius:50%;right:-180px;top:-200px;box-shadow:0 0 0 35px #34aecb08,0 0 0 75px #34aecb05}.dark h2{font-size:90px;max-width:950px;margin:40px 0 30px;line-height:1.02}.dark>div:first-child>p{font-size:15px;max-width:520px;margin-left:auto;margin-bottom:70px}.routes{display:flex;justify-content:space-between;gap:60px}.route{border:0;border-radius:0;border-top:1px solid #ffffff30;padding:22px 0;flex:1}.route b{font-size:14px}.route span{font-size:12px;max-width:400px}.incoming{padding:55px 5% 0;display:grid;grid-template-columns:1fr 1.4fr;gap:110px}.incoming h3{font-family:var(--display);font-size:36px;text-transform:uppercase;line-height:1.05}.incoming p{font-size:13px}.scroll-word{transition:color .15s;color:#52657a}.scroll-word.lit{color:#f4f7f8}.scroll-word.lit:nth-child(5n){color:var(--cyan)}
#proces .section-head{display:grid;grid-template-columns:1.3fr 1fr;align-items:end}#proces .section-head p{margin:0;max-width:360px}.steps{position:relative;display:flex;gap:34px;align-items:start;padding:20px 0 0 12%}.step{flex:1;border-top:0;position:relative;padding-top:0}.step:nth-child(2){padding-top:65px}.step:nth-child(3){padding-top:130px}.step:nth-child(4){padding-top:195px}.step .num{font-family:var(--display);font-size:80px;line-height:1;letter-spacing:-3px;color:#34aecb55}.step h3{font-size:15px;font-weight:700;margin-top:16px}.step p{font-size:12px}.step:after{content:'';position:absolute;left:0;top:105px;width:25px;border-top:2px solid var(--cyan)}.step:nth-child(2):after{top:170px}.step:nth-child(3):after{top:235px}.step:nth-child(4):after{top:300px}
.soft{background:var(--paper)}.price{gap:90px;grid-template-columns:1.2fr 1fr}.price h2{font-size:75px}.price-card{border:0;border-radius:0;padding:0;position:relative}.price-number{font-family:var(--display);font-weight:600;font-size:140px;letter-spacing:-5px;margin:10px 0 25px;white-space:nowrap;line-height:1}.price-number span{font-family:var(--body);font-size:15px;letter-spacing:0}.price-card .btn{border-bottom:1px solid var(--navy);color:var(--navy);margin-top:18px}.price-card p{font-size:12px;max-width:400px}.price ul{margin-top:35px}.price li{border:0;padding:9px 0;font-size:13px}.body-copy{font-size:13px;max-width:400px}.agency{border-top:0;padding:0;grid-template-columns:1fr 1.5fr;gap:100px;border-bottom:0}.agency .brand{font-size:65px;letter-spacing:-4px}.agency p{font-size:15px;line-height:1.9}.agency a{font-size:12px;border-bottom:1px solid var(--cyan);padding-bottom:6px}.faq{grid-template-columns:1fr 1.3fr;gap:100px;padding-bottom:110px}.faq h2{font-size:80px}details{padding:25px 0}summary{font-size:14px}details p{font-size:13px;line-height:1.9}.contact{padding:100px 0 80px;position:relative;overflow:hidden}.contact:before{content:'↗';position:absolute;left:-50px;bottom:-160px;font-family:var(--display);font-size:650px;color:#34aecb0a;line-height:1;pointer-events:none}.contact-grid{grid-template-columns:1.15fr 1fr;gap:100px}.contact h2{font-family:var(--display);font-size:84px;line-height:.98;text-transform:uppercase;font-weight:600}.contact p{max-width:440px;font-size:13px}.contact-meta{margin-top:40px;border:0;font-size:12px}.contact form{align-content:center;gap:22px}label{font-size:11px;gap:12px}input,textarea{padding:12px 0;border:0;border-bottom:1px solid #ffffff50;border-radius:0;background:transparent;color:white;font-size:13px}textarea{min-height:85px}.contact .btn{background:var(--cyan);color:var(--navy);padding:20px;font-weight:800}.contact .btn:hover{background:#6ac9dc}.contact form small{font-size:9px}footer{padding:32px 0;font-size:9px}.preview{background:var(--navy);color:#abc4d4;border:1px solid #34aecb33;border-radius:0;box-shadow:none;opacity:.75}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.motion-toggle{font-family:var(--body)}
@keyframes breathe{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-17px) rotate(1deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes signal{to{stroke-dashoffset:-800}}@keyframes voice-light{0%,15%,45%,100%{opacity:0;transform:scaleX(.5)}20%,30%,40%{opacity:.8;transform:scaleX(1.2)}25%,35%{opacity:.3;transform:scaleX(.7)}}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important}.motion-paused .synth-body{transform:none!important}.motion-paused .scroll-word{color:#f4f7f8}.motion-paused .reveal{opacity:1;transform:none}
@media(min-width:1600px){.hero>div:first-child{min-height:940px;padding-top:75px}.synth-stage{top:80px;height:860px}.hero h1{font-size:172px}.hero .lead{max-width:450px}.hero .actions{margin-top:36px}}
@media(max-width:1450px){.hero~section,.hero~.dark,.hero~.incoming,.strip{max-width:calc(100% - 140px)}.hero h1{font-size:11vw}.hero>div:first-child{min-height:820px}.synth-stage{top:85px;height:730px}.dark h2{font-size:80px}.dark{padding:70px 60px}.wrap{padding-inline:60px}}
@media(max-width:1100px){header{padding:0 35px}.wrap{padding-inline:35px}.hero>div:first-child{padding:55px 35px;min-height:800px}.hero h1{font-size:12vw;max-width:70%}.hero .lead{max-width:350px;font-size:12px}.hero .lead strong{font-size:15px}.synth-stage{width:61vw;right:-8%;top:130px;height:660px}.hero~section,.hero~.dark,.hero~.incoming,.strip{max-width:calc(100% - 70px)}.conversation{padding:30px 35px;gap:25px}.dark{padding:60px 40px}.dark h2{font-size:70px}.uses{width:100%}.use{column-gap:20px;grid-template-columns:35px 1fr 1fr}.use h3{font-size:35px}h2{font-size:65px}.price{gap:45px}.price h2{font-size:65px}.price-number{font-size:110px}.contact-grid{gap:50px}.contact h2{font-size:70px}.faq{gap:50px}.incoming{gap:40px}}
@media(max-width:700px){header{height:85px;padding:0 22px}.brand{font-size:26px}nav .btn{min-width:120px;font-size:10px}.wrap{padding-inline:22px}.hero>div:first-child{padding:42px 22px 30px;min-height:1000px;display:flex;flex-direction:column}.hero .eyebrow{font-size:8px;letter-spacing:2px}.hero h1{font-size:20.5vw;line-height:.89;max-width:100%;letter-spacing:-1.5px;margin:32px 0 0}.synth-stage{width:103vw;right:-15%;top:205px;height:530px}.synth-label{right:18%;font-size:7px}.hero .lead:first-of-type{margin-top:400px;max-width:100%}.hero .lead{font-size:12px;max-width:100%;margin:10px 0}.hero .lead strong{font-size:16px}.hero .actions{margin-top:20px;gap:20px}.hero .btn{font-size:11px;min-width:190px}.hero-note{font-size:9px;max-width:270px;line-height:1.7}.sound-control{right:22px;bottom:25px;width:36px;height:36px}.conversation{display:flex;flex-direction:column;padding:30px 22px;gap:20px}.conv-head{margin-bottom:5px}.bubble{font-size:12px}.bubble.user{margin-left:15%;font-size:12px}.result{margin-top:5px}.example{font-size:8px;align-self:start}.hero~section,.hero~.dark,.hero~.incoming,.strip{max-width:calc(100% - 44px)}.strip{padding:22px 0;gap:16px;font-size:8px;flex-wrap:wrap}.strip span{width:45%}section{padding:75px 0}.section-head{margin-bottom:40px}h2,.section-head h2{font-size:52px;letter-spacing:-1px}.section-head p{font-size:12px;margin:25px 0 0;max-width:100%}.use,.use:nth-child(even){margin-left:0;grid-template-columns:30px 1fr;gap:15px;padding:28px 0}.use h3{font-size:36px}.use p{grid-column:2;font-size:12px;max-width:100%}.dark{padding:42px 25px}.dark h2{font-size:53px;margin:30px 0}.dark>div:first-child>p{font-size:13px;margin:0 0 35px}.routes{display:block}.route{padding:20px 0}.route b{font-size:12px}.route span{font-size:11px}.incoming{display:block;padding:35px 0 0}.incoming h3{font-size:32px;margin-bottom:15px}.incoming p{font-size:12px}#proces .section-head{display:block}.steps{display:block;padding:0 0 0 30px;border-left:1px solid #34aecb44;margin-left:10px}.step,.step:nth-child(n){padding:0 0 35px;display:grid;grid-template-columns:70px 1fr;column-gap:15px}.step .num{font-size:65px;grid-row:1/3}.step h3{font-size:14px;margin:0 0 8px}.step p{font-size:12px;margin:0}.step:nth-child(n):after{top:5px;left:-35px;width:9px;height:9px;border-radius:50%;background:var(--cyan);border:0}.price{display:block}.price h2{font-size:55px}.price ul{margin:25px 0}.price-card{margin-top:45px}.price-number{font-size:120px}.price-card p{max-width:100%}.agency{display:block}.agency .brand{font-size:60px;margin-bottom:25px}.agency p{font-size:13px}.faq{display:block;padding-bottom:70px}.faq h2{font-size:60px;margin-bottom:30px}summary{font-size:12px;line-height:1.7}details{padding:20px 0}details p{font-size:12px}.contact{padding:65px 0 50px}.contact-grid{display:block}.contact h2{font-size:65px}.contact p{font-size:12px}.contact-meta{font-size:11px;margin-top:20px;padding-top:0;margin-bottom:40px}footer{font-size:8px;gap:12px}.preview{font-size:7px;padding:7px 10px}}
@media(max-width:380px){.hero .actions{flex-wrap:wrap;gap:12px}.hero>div:first-child{min-height:1050px}.synth-stage{top:190px}.hero .lead:first-of-type{margin-top:370px}.price-number{font-size:100px}.contact h2{font-size:57px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.scroll-word{color:#f4f7f8}.synth-body{transform:none!important}html{scroll-behavior:auto}}
/* Final composition and independent character gestures. */
@media(min-width:701px){.hero h1{font-size:clamp(98px,9vw,134px);max-width:850px}.hero>div:first-child{min-height:850px}.synth-stage{top:35px;height:800px}}
@media(min-width:1600px){.hero h1{font-size:138px}.hero>div:first-child{min-height:850px}.synth-stage{top:10px;height:840px}}
@media(max-width:1100px) and (min-width:701px){.hero h1{max-width:70%}.synth-stage{top:100px;height:700px}.hero>div:first-child{min-height:810px}}
@media(max-width:700px){.hero h1{font-size:19vw}.synth-stage{top:300px;height:450px;right:-11%;width:103vw}.hero .lead:first-of-type{margin-top:400px}}
.word-group{white-space:nowrap}.synth-image #eyes{transform-box:fill-box;transform-origin:center;animation:blink 7s infinite}.synth-image #listening-hand{transform-box:fill-box;transform-origin:center bottom;animation:listen 8s ease-in-out infinite}
@keyframes blink{0%,43%,47%,100%{scale:1 1}45%{scale:1 .08}}
@keyframes listen{0%,100%{rotate:-5deg;translate:0 3px}40%,65%{rotate:5deg;translate:-8px -8px}}
@media(prefers-reduced-motion:reduce){.synth-image #eyes,.synth-image #listening-hand{animation:none!important}}
/* Readable conversation, clearly marked as a fictional demonstration. */
.dialogue-thread{grid-column:1/-1;display:flex;flex-direction:column;gap:25px;max-width:930px;margin:12px auto 20px;width:100%}.dialogue-thread .bubble{font-size:13px;line-height:1.85;max-width:82%;margin:0;padding:0 0 0 18px;border-left:2px solid #34aecb70}.dialogue-thread .bubble.user{margin-left:auto;max-width:72%;border:0;padding:0;color:#52677a}.dialogue-thread .bubble small{margin-bottom:7px;font-size:9px}.conversation .result{grid-column:1/-1;max-width:930px;width:100%;margin:auto}.conversation .example{grid-column:1/-1;max-width:930px;width:100%;margin:0 auto;font-size:9px;line-height:1.7}.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:20px;column-gap:25px;padding:30px 0}.strip span{width:auto}
@media(max-width:700px){.dialogue-thread{gap:22px;margin:5px 0 15px}.dialogue-thread .bubble{font-size:12px;line-height:1.85;max-width:94%;padding-left:12px}.dialogue-thread .bubble.user{max-width:85%;margin-left:auto;padding:0}.dialogue-thread .bubble small{font-size:8px}.conversation .example{font-size:8px}.strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px;padding:25px 0}.strip span{font-size:9px;width:auto}}
/* Original TimeTo.do brand artwork, extracted from the supplied identity book. */
.agency-logo{margin-top:24px;max-width:410px}.agency-logo img{width:100%;height:auto;display:block}.agency-sign img{object-fit:contain}
@media(max-width:700px){.agency-logo{max-width:300px;margin-top:20px;margin-bottom:22px}}