@font-face{font-family:'Work Sans';src:url(assets/work-sans-extrabold.ttf) format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url(assets/hanken-regular.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url(assets/hanken-bold.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Caveat;src:url(assets/caveat-semibold.ttf) format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{
  --brand:#1564a8;--navy:#0e3f68;--ink:#16284a;--body:#334155;--muted:#556072;
  --orange:#fe8301;--orange-ink:#b44e00;--orange-soft:#fff1e0;--white:#fff;
  --pale:#e8f1fb;--ground:#f6f8fb;--border:#e1e7ef;--green:#15803d;
  --display:'Work Sans',sans-serif;--text:'Hanken Grotesk',sans-serif;--script:Caveat,cursive;
  --radius:18px;--button-radius:14px;--gutter:clamp(22px,4vw,64px);
  --ease:cubic-bezier(.16,1,.3,1);--shadow:0 14px 40px rgba(0,0,0,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px;scrollbar-color:var(--brand) var(--pale)}
body{margin:0;color:var(--ink);background:var(--ground);font:18px/1.5 var(--text)}
a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:1.12}h2{font-size:clamp(32px,3.3vw,46px)}h3{font-size:25px}p{max-width:65ch}::selection{background:var(--orange);color:var(--ink)}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.frame{max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}.section-space{padding-block:96px}.skip{position:absolute;left:20px;top:-100px;padding:15px;background:var(--ink);color:var(--white);z-index:10}.skip:focus{top:12px}


:root{--motion-fast:180ms;--motion-normal:360ms;--motion-slow:700ms}
html{scroll-padding-top:100px}.arrow-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.site-header{position:sticky;top:0;z-index:7;background:var(--navy);color:var(--white)}
.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;transition:background var(--motion-normal)}
.is-scrolled .brand{transform:scale(.95)}.brand{display:block;width:190px;flex-shrink:0;transform-origin:left center;transition:transform var(--motion-normal) var(--ease)}.site-header .brand img,.site-footer .brand img,.legal-header .brand img{filter:brightness(0) invert(1)}
.header-inner>nav{display:flex;gap:30px;align-items:center}.header-inner nav a{font-weight:700;font-size:16px;position:relative}.header-inner nav a:not(.nav-panel)::after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-fast) var(--ease)}.header-inner nav a:hover::after{transform:scaleX(1)}
.nav-panel{display:flex;align-items:center;gap:16px;padding:13px 18px;border-radius:14px;background:#245783;transition:background var(--motion-fast)}.nav-panel:hover{background:#306b9c}.nav-panel .arrow-icon{width:18px;height:18px}.menu-toggle{display:none}.mobile-nav{position:absolute;top:100%;left:var(--gutter);right:var(--gutter);padding:26px;background:var(--navy);border-radius:0 0 18px 18px;box-shadow:0 14px 30px rgba(0,0,0,.15)}
.button{font-size:18px;font-weight:700;min-height:56px;padding:16px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:0;border-radius:14px;transition:transform var(--motion-fast) var(--ease),background var(--motion-fast),box-shadow var(--motion-normal)}.primary{background:var(--orange);color:var(--ink)}.primary:hover{background:#ff972d;transform:translateY(-3px);box-shadow:0 9px 20px rgba(0,0,0,.13)}.button:active{transform:scale(.97)}.button .arrow-icon{transition:transform var(--motion-normal) var(--ease)}.button:hover .arrow-icon{transform:translateX(5px)}
.hero{position:relative;color:var(--white);background:linear-gradient(125deg,var(--brand),var(--navy));overflow:clip;border-radius:0 0 40px 40px}
.hero-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:40px;align-items:center;padding-block:44px 24px;min-height:720px}
.hero-intro{position:relative;z-index:2;padding-block:22px}
.hero h1{font:800 clamp(58px,6.4vw,96px)/1.02 var(--display);letter-spacing:-.04em;text-wrap:balance;margin:0}.hero h1>span{color:var(--white)}
.hero-handwritten{font:600 47px/1 var(--script);color:#ffad55;transform:rotate(-5deg);margin:20px 0 26px 6px;max-width:8ch}
.hero-description{font-size:22px;line-height:1.5;max-width:32ch;color:#e6f1fb}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:32px}.hero-more{display:inline-flex;align-items:center;gap:14px;font-size:17px;font-weight:700}.hero-more .arrow-icon{width:18px;height:18px;transition:transform var(--motion-normal) var(--ease)}.hero-more:hover .arrow-icon{transform:translateY(5px)}
.hero-age{font-size:16px;line-height:1.5;max-width:31ch;color:#e6f1fb;margin-top:24px}.hero-end{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:14px 28px;color:#e6f1fb;font-size:16px}.hero-end a{padding:12px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--white);transition:transform var(--motion-normal) var(--ease)}.hero-end a:hover{transform:translateY(5px)}
.hero-stage{position:relative;height:650px;perspective:1200px;isolation:isolate;--mx:0;--my:0;--fan:0}
.hero-device-tilt{position:absolute;left:50%;top:4px;transform:translateX(-45%) rotateX(calc(var(--my)*-5deg)) rotateY(calc(-10deg + var(--mx)*7deg)) rotateZ(6deg);transform-style:preserve-3d;transition:transform var(--motion-slow) var(--ease);z-index:1}
.hero-stage .hero-phone{width:290px;height:606px;box-shadow:0 28px 60px rgba(0,0,0,.24)}
.hero-phone .offer-detail-header{padding-top:18px}.hero-phone [data-hero-title]{font-size:25px;line-height:1.12;letter-spacing:-.025em;max-width:11ch;margin:0 0 12px}
.hero-phone .offer-monogram{margin-top:19px}.hero-phone .offer-detail-header>p{font-size:14px}.hero-phone .offer-detail-location{font-size:13px}.hero-phone-body{padding:23px 20px 80px}.hero-phone-body h3{font-size:18px;line-height:1.2;margin:0 0 8px;color:var(--brand)}.hero-phone-body p:not(.hero-phone-script){font-size:14px;line-height:1.5;color:var(--body);margin-bottom:16px}.hero-phone-body .hero-phone-script{font:600 28px/1 var(--script);color:var(--orange-ink);margin:0 0 19px}
.floating-offer{position:absolute;z-index:2;width:210px;text-align:left;padding:19px 20px;border:0;border-radius:18px;background:var(--white);color:var(--ink);box-shadow:0 18px 36px rgba(0,0,0,.16);transform:translate3d(0,calc(var(--fan)*var(--float-distance)),0) rotate(var(--angle));transition:transform var(--motion-normal) var(--ease),background var(--motion-fast),box-shadow var(--motion-normal);--float-distance:-36px}
.floating-offer>span:first-child{display:block;font-size:12px;line-height:1.4;color:var(--muted);margin-bottom:9px}.floating-offer strong{display:block;font:800 22px/1.12 var(--display);letter-spacing:-.025em}.floating-place{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;line-height:1.4;color:var(--brand);margin-top:17px}.floating-place .arrow-icon{width:17px;height:17px}
.floating-offer[aria-pressed=true]{background:var(--orange-soft)}.floating-offer:hover,.floating-offer:focus-visible{transform:translate3d(0,calc(-9px + var(--fan)*var(--float-distance)),30px) rotate(0deg);box-shadow:0 25px 45px rgba(0,0,0,.23)}.floating-offer:active{scale:.97}.offer-a{left:-7px;top:105px;--angle:-8deg}.offer-b{right:-14px;top:310px;--angle:8deg;--float-distance:-50px}.offer-c{left:4px;top:442px;--angle:-5deg;--float-distance:-25px}.hero-stage-note{position:absolute;bottom:-2px;left:0;right:0;text-align:center;color:#e6f1fb;font-size:14px;line-height:1.5}.hero-demo-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mobile-choice{display:none}
.journey-scroll{position:relative;background:var(--ground);height:235svh;--scene-turn:-8deg;--scene-scale:.96;--scene-lift:0px}
.journey-stage{position:sticky;top:82px;min-height:calc(100svh - 82px);display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center;padding-block:65px}
.journey-copy h2{font-size:clamp(44px,5.1vw,72px);line-height:1.06;letter-spacing:-.04em}.journey-copy h2>span{color:var(--brand)}
.journey-controls{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0 30px}.journey-controls button{padding:12px 21px;min-height:48px;background:var(--white);border:0;border-radius:14px;color:var(--brand);font-size:17px;font-weight:700;transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast) var(--ease)}.journey-controls button:hover{transform:translateY(-3px)}.journey-controls button[aria-pressed=true]{background:var(--brand);color:var(--white)}
.journey-step{min-height:165px}.journey-step h3{font-size:29px;line-height:1.18;letter-spacing:-.025em;margin-bottom:16px}.journey-step p{font-size:21px;line-height:1.55;max-width:37ch;color:var(--body)}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:18px;font-weight:700;color:var(--brand);margin-top:22px}.text-link .arrow-icon{width:20px;height:20px;transition:transform var(--motion-normal) var(--ease)}.text-link:hover .arrow-icon{transform:translateX(6px)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.feature-view{padding:0;text-align:center;transform:perspective(1200px) translateY(var(--scene-lift)) rotateY(var(--scene-turn)) scale(var(--scene-scale));transition:transform 120ms linear}.feature-image-wrap{height:auto;display:grid;place-items:center;overflow:visible}.feature-view figcaption{font-size:20px;font-weight:700;line-height:1.4;padding-top:24px}.capture-note{font-size:14px;line-height:1.5;color:var(--muted);max-width:37ch;margin:10px auto 0}
.cv-section{background:var(--pale);border-radius:36px}.cv-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:100px}.cv-intro h2{font-size:clamp(42px,4.8vw,68px);line-height:1.08;letter-spacing:-.04em}.cv-intro>p:not(.cv-handwritten){font-size:21px;line-height:1.55;max-width:37ch;color:var(--body);margin-top:28px}.cv-intro .cv-handwritten{font:600 43px/1.1 var(--script);color:var(--brand);margin-top:30px;transform:rotate(-3deg)}.cv-intro>.cv-secondary{font-size:18px!important;margin-top:24px!important}.cv-intro .text-link{margin-top:25px}.cv-section .demo-disclaimer{color:var(--body)}
.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-bottom:56px}.section-intro h2{font-size:clamp(36px,4vw,56px)}.section-intro>p{font-size:21px;line-height:1.5;color:var(--body);max-width:40ch}
.company-section{color:var(--white);background:var(--navy);border-radius:36px;padding-block:110px}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.company-grid h2{font-size:clamp(42px,4.5vw,64px);line-height:1.06;letter-spacing:-.04em}.company-lead{font:600 37px/1.2 var(--script);color:#ffad55;max-width:25ch;margin-top:25px}.company-content>p{font-size:21px;line-height:1.55;max-width:38ch}.company-content>.button{margin-top:30px}.existing-company{margin-top:32px}.existing-company p{font-size:16px;color:#e6f1fb;margin-bottom:10px}.existing-company a{display:inline-flex;align-items:center;gap:18px;font-size:19px;font-weight:700}.existing-company a:hover{text-decoration:underline;text-underline-offset:5px}

.demo-wrap{width:100%;max-width:410px;justify-self:center}.cv-demo{background:var(--ground);color:var(--ink);border-radius:24px;overflow:hidden;box-shadow:0 18px 54px rgba(0,0,0,.18)}.demo-header{height:64px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--white);border-bottom:1px solid var(--border)}.demo-header>img{width:30px;height:30px;border-radius:10px}.demo-header>span{font-size:13px;color:var(--muted)}.demo-ring{position:relative;width:40px;height:40px;flex-shrink:0}.demo-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.demo-ring circle{fill:none;stroke-width:4;stroke-linecap:round}.ring-track{stroke:var(--border)}.ring-fill{stroke:var(--orange);transition:stroke-dasharray .4s var(--ease)}.demo-ring>span{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:700}.demo-content{padding:22px 22px 18px}.demo-heading{display:flex;gap:13px;align-items:center}.demo-number{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;font:800 17px var(--display);color:var(--orange-ink);background:var(--orange-soft)}.demo-hype{font:600 25px/1 var(--script);color:var(--orange-ink);margin-bottom:3px}.demo-heading h2{font-size:23px;line-height:1.1;letter-spacing:-.02em}.demo-subtitle{font-size:14px;line-height:1.5;color:var(--muted);margin:12px 0 20px;min-height:42px}.demo-panel{min-height:259px}.profile-pass{padding:18px;background:linear-gradient(135deg,var(--brand),var(--navy));border-radius:18px;color:var(--white);margin-bottom:20px}.profile-pass>p{font-size:12px;font-weight:700;margin-bottom:15px}.profile-pass-row{display:flex;gap:12px;align-items:center}.pass-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);flex-shrink:0}.pass-avatar svg{width:28px;height:28px;stroke:var(--white);fill:none;stroke-width:1.7;stroke-linecap:round}.profile-pass-row>div{flex:1;min-width:0}.profile-pass strong{display:block;font:800 17px var(--display);letter-spacing:-.02em}.profile-pass-row>div>span{display:block;font-size:12px;color:#e3edf8;margin-top:4px}.pass-mark{font-size:22px;color:var(--white)}.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-fields>div>span,.demo-label{font-size:13px;font-weight:700;display:block;margin-bottom:6px}.demo-fields p{min-height:45px;display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:var(--white);border:1px solid var(--border);border-radius:12px;color:var(--muted);font-size:14px}.demo-fields .field-wide{grid-column:1/-1}.demo-hint{margin-top:14px;font-size:13px;color:var(--muted)}.demo-footer{padding:16px 22px 18px;border-top:1px solid var(--border);background:var(--white)}.demo-footer>.button{width:100%;font-size:15px;min-height:48px;padding:13px 18px}.demo-switch{display:flex;gap:4px;justify-content:space-between;margin-top:12px}.demo-switch button{font-size:13px;border:0;padding:10px 12px;border-radius:10px;background:none;min-height:40px;color:var(--muted)}.demo-switch button[aria-pressed=true]{background:var(--pale);color:var(--brand);font-weight:700}.demo-switch button:hover{background:var(--pale)}.demo-disclaimer{font-size:14px;line-height:1.45;text-align:center;max-width:40ch;margin:17px auto 0;color:#e6f1fb}.language-row{border:1px solid var(--border);background:var(--white);border-radius:14px;padding:12px;margin-bottom:10px}.language-name{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:16px}.language-name>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--green);color:var(--white);font-size:13px}.language-levels{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.language-levels button{min-height:35px;font-size:12px;line-height:1.2;padding:7px 10px;border:1px solid var(--border);background:var(--white);border-radius:99px}.language-levels button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:var(--ink);font-weight:700}.demo-skills{display:flex;flex-wrap:wrap;gap:9px}.demo-skills button{font-size:14px;min-height:42px;padding:10px 12px;border:1px solid var(--border);background:var(--white);border-radius:99px}.demo-skills button[aria-pressed=true]{background:var(--orange-soft);border-color:var(--orange);color:var(--orange-ink);font-weight:700}.about-example{margin-top:23px;padding:17px;background:var(--pale);border-radius:14px;font-size:14px}.about-example>p{font-weight:700;margin-bottom:6px}.about-example>span{color:var(--body)}.demo-label{margin-bottom:12px}

.project-section{background:var(--ground)}.partners{display:grid;grid-template-columns:1fr 1fr .5fr;gap:40px;align-items:start}.partners p{font-size:20px;font-weight:700;margin-bottom:20px}.partners img{width:360px;height:220px;object-fit:contain;object-position:left center}.partners .partner-development p{font-size:14px}.partners .partner-development img{width:110px;height:90px}.faq-section{background:var(--white)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-grid>div>p{margin-top:20px;font-size:20px}.text-link{display:inline-flex;gap:24px;align-items:center;font-weight:700;font-size:18px;margin-top:25px;color:var(--brand)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.questions{display:grid;gap:10px}details{padding:24px;background:var(--ground);border-radius:var(--radius)}details[open]{background:var(--pale)}summary{list-style:none;cursor:pointer;font-weight:700;font-size:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;line-height:1.3}summary::-webkit-details-marker{display:none}summary>span{font-size:24px;flex-shrink:0;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details p{font-size:18px;color:var(--body);margin-top:18px}details:not([open])>p{display:none}details a{color:var(--brand);text-decoration:underline;text-underline-offset:4px}
.download-section{background:var(--pale)}.download-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.download-grid h2{font:600 clamp(48px,4.5vw,64px)/1.1 var(--script);color:var(--brand);letter-spacing:-.02em}.download-grid>div>p{font-size:20px;max-width:37ch}.store-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.store-button{display:flex;align-items:center;gap:14px;min-height:76px;flex:1;min-width:200px;max-width:260px;padding:14px 18px;border-radius:var(--button-radius);background:var(--white);color:var(--ink);font-size:22px;font-weight:700;line-height:1.12;transition:transform .2s,background .2s}.store-button small{display:block;font-size:13px;font-weight:400;line-height:1.3;margin-bottom:4px}.store-button svg{width:28px;height:32px;fill:currentColor;flex-shrink:0}.store-arrow{font-size:22px;margin-left:auto}.store-button:hover{transform:translateY(-3px);background:var(--orange-soft)}.download-grid>div>.download-note{font-size:16px;margin-top:18px;color:var(--body)}.site-footer{background:var(--white);padding-block:42px 30px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:34px}.footer-contact{font-size:23px;display:flex;gap:20px;align-items:center}.footer-contact:hover{color:var(--brand)}.footer-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:14px}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:20px}.footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px}

/* Illustrative app views. Every offer and company here is fictitious. */
.feature-image-wrap{height:auto;overflow:visible;display:grid;place-items:center}
.offer-phone{position:relative;width:260px;height:560px;border:7px solid #17212c;border-radius:36px;overflow:hidden;background:var(--ground);text-align:left;box-shadow:0 14px 32px rgba(0,0,0,.12)}
.offer-status{height:35px;display:flex;align-items:center;justify-content:space-between;padding:8px 15px 4px;background:var(--brand);color:var(--white);font-size:12px;font-weight:700}
.offer-status svg{width:24px;height:13px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.offer-camera{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:68px;height:19px;border-radius:14px;background:#17212c}
.feature-screen{height:calc(100% - 35px);overflow:hidden}
.offer-feed-header,.offer-detail-header{padding:12px 16px 20px;background:linear-gradient(135deg,var(--brand),var(--navy));color:var(--white);border-radius:0 0 22px 22px}
.offer-app-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;font:800 16px/1.3 var(--display);letter-spacing:-.025em}
.offer-app-brand>span{font:700 12px/1.3 var(--text);letter-spacing:0;padding:5px 9px;border-radius:7px;background:var(--orange-soft);color:var(--orange-ink)}
.offer-app-brand>svg{height:22px;width:22px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.offer-feed-header>p{font:600 26px/1.2 var(--script);margin-top:12px}
.offer-tabs{display:flex;gap:14px;margin-top:17px;font-size:12px;color:#e6f1fb;line-height:1.4}
.offer-tabs span{padding-bottom:6px}.offer-tabs .is-selected{color:var(--white);font-weight:700;border-bottom:3px solid var(--orange)}
.offer-feed-body{padding:16px 13px 24px}
.offer-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.4;font-weight:700;color:var(--body);margin-bottom:12px}
.offer-filter svg{width:20px;height:20px;stroke:var(--brand);stroke-width:1.8;stroke-linecap:round;fill:none}
.offer-sample-card{padding:15px;background:var(--white);border-radius:14px;margin-bottom:12px}
.offer-company{display:block;font-size:12px;color:var(--muted);line-height:1.4;margin-bottom:7px}
.offer-sample-card h3{font-size:18px;line-height:1.2;letter-spacing:-.025em;margin-bottom:8px}
.offer-sample-card>p{font-size:12px;color:var(--body);line-height:1.4}
.offer-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.offer-tags>span{font-size:12px;line-height:1.3;padding:6px 9px;border-radius:7px;background:var(--pale);color:var(--navy)}
.offer-card-detail{font-size:12px;line-height:1.4;color:var(--brand);font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.offer-card-detail svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.offer-detail-header{padding-bottom:24px}.offer-monogram{display:grid;place-items:center;width:43px;height:43px;background:var(--white);color:var(--brand);border-radius:12px;font:800 21px var(--display);margin:19px 0 13px}
.offer-detail-header h3{font-size:22px;line-height:1.15;letter-spacing:-.025em;margin-bottom:8px}
.offer-detail-header>p{font-size:12px;line-height:1.5;color:#e6f1fb}.offer-detail-location{font-size:12px;line-height:1.5;color:#e6f1fb;margin-top:13px}
.offer-detail-body{padding:21px 17px 76px}.offer-detail-body h4{font:800 17px/1.2 var(--display);letter-spacing:-.025em;color:var(--brand);margin:0 0 10px}
.offer-detail-body p{font-size:14px;line-height:1.55;color:var(--body);margin-bottom:18px}
.offer-sample-cta{position:absolute;bottom:22px;left:16px;right:16px;background:var(--orange);color:var(--ink);border-radius:14px;padding:13px;text-align:center;font-size:14px;font-weight:700}
.offer-home-indicator{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:75px;height:4px;background:#17212c;border-radius:3px}
@media(max-width:359px){.offer-phone{width:250px;height:550px}.feature-view{padding-inline:0}}


/* Blue bookends extend the app identity to this marketing surface and its legal pages. */
.project-section{background:var(--ground)}.partners .partner-primary p{font-size:21px}.faq-grid h2{font-size:clamp(38px,4.5vw,64px)}
.download-section{background:var(--brand);color:var(--white);border-radius:36px 36px 0 0}.download-grid{gap:80px}.download-grid h2{color:var(--white);font:800 clamp(50px,5.5vw,80px)/1.05 var(--display);letter-spacing:-.04em}.download-grid>div>p{font-size:22px;color:#e6f1fb}.download-grid>div>.download-note{color:#e6f1fb}.download-grid .store-button{transition:transform var(--motion-normal) var(--ease),background var(--motion-fast)}.store-button:hover{transform:translateY(-5px) rotate(-1deg)}
.site-footer{background:var(--navy);color:var(--white);padding-block:54px 36px}.site-footer .footer-bottom{color:#e6f1fb;align-items:flex-start;font-size:14px}.site-footer .footer-bottom nav{max-width:630px;gap:16px 23px}.site-footer .footer-top{margin-bottom:40px}.site-footer .brand{width:230px}.footer-contact:hover{color:#ffad55}
.legal-header{background:var(--navy)!important;color:var(--white)}
.check-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pass-mark .check-icon{width:24px;height:24px}
@keyframes headline-arrive{from{transform:translateY(20px);opacity:.7}to{transform:translateY(0);opacity:1}}
@keyframes device-arrive{from{translate:0 30px;opacity:.65}to{translate:0 0;opacity:1}}
@keyframes section-arrive{from{transform:translateY(24px);opacity:.7}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:no-preference){.hero h1{animation:headline-arrive 650ms var(--ease) both}.hero-handwritten{animation:headline-arrive 650ms 90ms var(--ease) backwards}.hero-device-tilt{animation:device-arrive 850ms 80ms var(--ease) backwards}.floating-offer{animation:device-arrive 650ms 180ms var(--ease) backwards}.offer-b{animation-delay:250ms}.offer-c{animation-delay:320ms}.reveal-part{animation:section-arrive 700ms var(--ease) both;animation-delay:var(--delay,0ms)}}
@media(max-width:1200px){.hero-grid{gap:20px}.hero h1{font-size:clamp(58px,6.4vw,80px)}.hero-stage{height:635px}.hero-stage .hero-phone{width:270px;height:590px}.floating-offer{width:185px;padding:18px}.floating-offer strong{font-size:20px}.offer-a{left:-5px;top:80px}.offer-b{right:-10px;top:302px}.offer-c{left:-10px;top:422px}.hero-description{font-size:20px}.hero-actions{gap:22px}.hero-actions .button{font-size:17px}.journey-stage{gap:55px}.cv-grid,.company-grid{gap:65px}.partners{gap:28px}.partners img{width:100%;height:210px}.partners .partner-development img{width:110px;height:90px}}
@media(max-width:1000px){.header-inner>nav{gap:20px}.header-inner nav a{font-size:15px}.brand{width:170px}.nav-panel{gap:10px;padding:12px 14px}.hero-grid{gap:10px}.hero-stage{height:615px}.hero-stage .hero-phone{width:250px;height:575px}.floating-offer{width:170px;padding:16px}.floating-offer strong{font-size:18px}.floating-place{font-size:12px}.offer-a{left:-8px;top:88px}.offer-b{right:-10px;top:292px}.offer-c{left:-5px;top:415px}.hero h1{font-size:clamp(51px,6.2vw,64px)}.hero-handwritten{font-size:41px}.hero-description{font-size:19px}.hero-phone-body{padding:20px 16px 80px}.hero-phone-body .hero-phone-script{font-size:25px}.journey-stage{gap:40px}.journey-copy h2{font-size:49px}.journey-step h3{font-size:26px}.journey-step p{font-size:19px}.cv-grid,.company-grid{gap:40px}.section-intro{gap:45px}.partners{grid-template-columns:1fr 1fr;gap:35px}.partners .partner-development{grid-column:1/-1;display:flex;align-items:center;gap:24px}.partners .partner-development p{margin:0}.partners img{width:320px;height:210px}.partners .partner-development img{width:100px;height:75px}}
@media(max-width:800px){html{scroll-padding-top:86px}.header-inner{height:72px}.header-inner>nav{display:none}.menu-toggle{display:flex;align-items:center;gap:18px;font-size:16px;font-weight:700;border:0;padding:11px 16px;background:#245783;color:var(--white);border-radius:14px}.menu-toggle span{font-size:22px;line-height:1;transition:transform var(--motion-normal) var(--ease)}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}.header-inner>.mobile-nav:not([hidden]){display:flex;flex-direction:column;align-items:flex-start;gap:24px}.header-inner .mobile-nav a{font-size:18px}.hero{border-radius:0 0 30px 30px}.hero-grid{grid-template-columns:1fr;gap:32px;padding-block:44px 24px;min-height:0}.hero-intro{max-width:620px;padding:0}.hero h1{font-size:clamp(54px,10vw,78px);line-height:1.03}.hero-handwritten{font-size:42px;margin-block:17px 22px}.hero-description{font-size:20px;max-width:36ch}.hero-actions{gap:22px;margin-top:28px}.hero-age{font-size:16px;max-width:34ch;margin-top:21px}.hero-stage{height:620px;max-width:560px;width:100%;margin-inline:auto}.hero-stage .hero-phone{width:280px;height:580px}.hero-device-tilt{transform:translateX(-50%) rotateZ(4deg)}.floating-offer{width:190px}.floating-offer strong{font-size:21px}.offer-a{left:0;top:74px}.offer-b{right:0;top:280px}.offer-c{left:0;top:410px}.hero-end{padding-bottom:26px;font-size:15px}.hero-end p{max-width:28ch}.journey-scroll{height:auto}.journey-stage{position:relative;top:auto;min-height:0;grid-template-columns:1fr;gap:45px;padding-block:84px}.journey-copy{max-width:600px}.journey-copy h2{font-size:clamp(42px,7vw,60px)}.journey-controls{margin-block:25px}.journey-step{min-height:134px}.journey-step h3{font-size:27px}.journey-step p{font-size:20px;max-width:42ch}.journey-download{margin-top:20px}.feature-view{transform:none;transition:none}.feature-view figcaption{font-size:19px}.cv-section{border-radius:30px}.cv-grid{grid-template-columns:1fr;gap:44px}.cv-intro{max-width:600px}.cv-intro h2{font-size:clamp(42px,7vw,60px)}.cv-intro>p:not(.cv-handwritten){font-size:20px;max-width:44ch;margin-top:24px}.cv-intro .cv-handwritten{font-size:38px;margin-top:24px}.demo-wrap{max-width:380px;margin:auto}.cv-section .demo-disclaimer{font-size:14px}.section-space{padding-block:84px}.section-intro{grid-template-columns:1fr;gap:24px;margin-bottom:42px}.section-intro h2{font-size:44px}.section-intro>p{font-size:20px;max-width:47ch}.company-section{padding-block:84px}.company-grid{grid-template-columns:1fr;gap:35px}.company-grid h2{font-size:52px}.company-content>p{font-size:20px;max-width:45ch}.company-lead{font-size:35px;margin-top:22px}.faq-grid{grid-template-columns:1fr;gap:36px}.faq-grid h2{font-size:46px}.faq-grid>div>p{font-size:20px}.download-grid{grid-template-columns:1fr;gap:35px}.download-grid h2{font-size:64px}.download-grid>div>p{font-size:21px;max-width:42ch}.footer-contact{font-size:21px}.footer-bottom{flex-wrap:wrap;gap:24px}.footer-top{align-items:flex-start}}
@media(max-width:540px){.brand{width:164px}.hero-grid{padding-top:34px;gap:28px}.hero h1{font-size:clamp(42px,10.5vw,56px)}.hero-handwritten{font-size:36px;margin-block:16px 21px}.hero-description{font-size:19px}.hero-actions{align-items:flex-start;flex-direction:column;gap:23px;margin-top:26px}.hero-actions .button{font-size:17px;min-height:54px}.hero-more{font-size:17px}.hero-age{font-size:15px;max-width:31ch}.hero-stage{height:690px;max-width:370px}.hero-device-tilt{top:5px;transform:translateX(-50%) rotateZ(3deg)}.hero-stage .hero-phone{width:260px;height:560px}.hero-phone .offer-detail-header{padding-top:13px}.hero-phone .offer-monogram{margin-block:15px 12px}.hero-phone [data-hero-title]{font-size:23px}.hero-phone .offer-detail-location{font-size:12px}.hero-phone-body{padding-top:19px}.hero-phone-body .hero-phone-script{font-size:25px;margin-bottom:16px}.hero-phone-body p:not(.hero-phone-script){font-size:14px;margin-bottom:14px}.hero-phone-body h3{font-size:17px}.hero-offer-picks{position:absolute;bottom:37px;left:0;right:0;display:flex;justify-content:center;flex-wrap:wrap;gap:9px;z-index:2}.floating-offer{position:static;width:auto;padding:11px 15px;border-radius:12px;box-shadow:none;transform:none!important;animation:none!important;background:#245783;color:var(--white);--angle:0deg}.floating-offer>span:first-child,.floating-offer strong,.floating-place{display:none}.floating-offer .mobile-choice{display:block;font:700 14px/1.4 var(--text);color:inherit;margin:0}.floating-offer[aria-pressed=true]{background:var(--orange);color:var(--ink)}.floating-offer:hover{box-shadow:none;background:#306b9c}.floating-offer[aria-pressed=true]:hover{background:#ff972d}.hero-stage-note{font-size:13px;bottom:0}.hero-end{padding-top:10px;font-size:14px}.journey-stage{padding-block:68px;gap:34px}.journey-copy h2{font-size:38px}.journey-controls{gap:7px;margin-block:26px}.journey-controls button{font-size:16px;padding:12px 17px}.journey-step{min-height:165px}.journey-step h3{font-size:25px}.journey-step p{font-size:18px}.journey-download{font-size:17px;gap:14px;max-width:29ch}.feature-view figcaption{padding-top:22px;font-size:18px}.capture-note{font-size:14px;max-width:32ch}.cv-intro h2{font-size:40px}.cv-intro>p:not(.cv-handwritten){font-size:18px}.cv-intro .cv-handwritten{font-size:35px}.cv-intro>.cv-secondary{font-size:17px!important}.cv-intro .text-link{font-size:17px;gap:15px}.section-space{padding-block:68px}.company-section{padding-block:68px;border-radius:30px}.company-grid h2{font-size:40px}.company-lead{font-size:32px}.company-content>p{font-size:18px}.company-content>.button{font-size:17px;gap:18px}.existing-company a{font-size:17px;gap:12px}.section-intro h2{font-size:36px}.section-intro>p{font-size:18px}.partners{grid-template-columns:1fr;gap:32px}.partners .partner-primary p{font-size:20px;margin-bottom:14px}.partners img{width:100%;max-width:330px;height:auto;aspect-ratio:3/2}.partners .partner-development{gap:20px}.partners .partner-development img{width:90px;height:65px;aspect-ratio:auto}.partners .partner-development p{font-size:14px}.faq-grid h2{font-size:38px}.faq-grid>div>p{font-size:18px}.faq-grid .text-link{font-size:17px}.questions details{padding:22px 20px}.questions summary{font-size:18px;gap:14px}.questions details p{font-size:17px}.download-grid h2{font-size:46px}.download-grid>div>p{font-size:19px}.store-links{display:grid;grid-template-columns:1fr}.store-button{max-width:none;min-width:0;min-height:76px;font-size:22px;padding:16px 20px}.site-footer{padding-block:38px 30px}.footer-top{flex-direction:column;gap:28px}.site-footer .brand{width:205px}.footer-contact{font-size:19px;gap:12px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:24px}.site-footer .footer-bottom nav{gap:17px 22px}.demo-content{padding:20px 18px 18px}.demo-header{padding-inline:18px}.demo-footer{padding:16px 18px}.demo-heading h2{font-size:23px}.demo-subtitle{font-size:14px}.demo-fields{gap:9px}.demo-fields p{font-size:13px;padding-inline:10px}.profile-pass{padding:16px}.profile-pass-row{gap:9px}.profile-pass-row>div>span{font-size:12px}.demo-switch button{font-size:12px;padding-inline:9px}.language-levels button{padding-inline:9px;min-height:40px}.demo-skills button{font-size:13px;min-height:44px}}
@media(max-width:359px){.hero-stage .hero-phone{width:250px;height:560px}.hero-stage{height:700px}.hero-offer-picks{bottom:39px}.floating-offer{padding-inline:13px}.journey-copy h2{font-size:35px}.cv-intro h2{font-size:36px}.journey-controls button{padding-inline:15px}.download-grid h2{font-size:40px}}
@media(min-width:801px) and (max-height:780px){.journey-stage{padding-block:24px;gap:45px}.journey-copy h2{font-size:54px}.journey-step{min-height:140px}.journey-step p{font-size:19px}.journey-controls{margin-block:25px}.feature-view{scale:.87}.journey-copy{padding-block:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-device-tilt{transform:translateX(-45%)!important}.floating-offer{transform:none!important}.journey-scroll{height:auto}.journey-stage{position:relative;top:auto}.feature-view{transform:none!important}.hero-stage{--fan:0!important}.hero-end a:hover,.button:hover,.store-button:hover,.text-link:hover .arrow-icon{transform:none}}

/* One offer stays on stage: list card expands into detail, then settles in Les meves. */
.journey-canvas{display:none;position:absolute;inset:35px 0 0;--opened:0;--travel:0;--resolved:0}
.has-journey-track .feature-screen{visibility:hidden}.has-journey-track .journey-canvas{display:block}
.track-label{position:absolute;top:153px;left:14px;font-size:12px;font-weight:700;color:var(--body);opacity:calc(1 - var(--travel))}
.track-offer{position:absolute;left:13px;right:13px;top:calc(183px - var(--travel)*125px);height:calc(190px + var(--travel)*240px);padding:16px;background:var(--white);border-radius:14px;overflow:hidden;z-index:2;box-shadow:0 8px 20px rgba(0,0,0,calc(var(--travel)*.09))}
.track-offer h3{font-size:20px;line-height:1.15;margin-bottom:9px}.track-offer>p{font-size:12px;line-height:1.4;color:var(--body)}
.track-details{position:absolute;top:173px;left:16px;right:16px;opacity:var(--detail-visible,0);transform:translateY(calc((1 - var(--detail-visible,0))*12px));visibility:hidden}
.track-offer.is-open .track-details{visibility:visible}.track-details h4{font:800 17px/1.2 var(--display);color:var(--brand);margin:0 0 9px}.track-details p{font-size:14px;line-height:1.45;color:var(--body);margin-bottom:16px}
.track-status{position:absolute;bottom:15px;left:16px;right:16px;font-size:12px;font-weight:700;color:var(--brand);opacity:calc(1 - var(--travel))}
.track-apply{position:absolute;bottom:16px;left:16px;right:16px;text-align:center;padding:13px;background:var(--orange);color:var(--ink);font-size:14px;font-weight:700;border-radius:14px;opacity:var(--cta-visible,0);transform:scale(calc(.96 + var(--cta-visible,0)*.04))}
.track-other{position:absolute;top:385px;left:13px;right:13px;padding:16px;background:var(--white);border-radius:14px;opacity:calc((1 - var(--opened))*(1 - var(--resolved)));transform:translateY(calc(var(--opened)*100px))}.track-other h3{font-size:18px;line-height:1.2;margin-bottom:8px}.track-other>p{font-size:12px;color:var(--body)}
.store-button svg.store-arrow{width:21px;height:21px;margin-left:auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Floating offer composition restored to the client-approved reference; compact controls only on phones. */
@media(max-width:800px),(prefers-reduced-motion:reduce){.has-journey-track .feature-screen{visibility:visible}.has-journey-track .journey-canvas{display:none}}

.journey-canvas .offer-feed-header>p,.journey-canvas .offer-tabs{opacity:calc(1 - var(--travel))}

/* Shared project signature; leave room for the fixed cookie control. */
.site-footer{padding-bottom:96px}.site-footer .footer-bottom{flex-wrap:wrap}.footer-bottom>p:first-child{flex-shrink:0}.site-footer .footer-signature{flex-basis:100%;max-width:none;text-align:right;font-size:14px;line-height:1.6}.footer-signature a{text-decoration:underline;text-underline-offset:4px}.footer-signature a:hover{color:#ffad55}
@media(max-width:800px){.site-footer .footer-signature{text-align:left}.site-footer{padding-bottom:96px}}

/* Client comments: explicit product message and two equal institutional signatures. */
.journey-audience{font-size:21px;line-height:1.5;color:var(--body);margin-top:20px;max-width:34ch}
.project-section{background:var(--white)}
.project-section .section-intro{margin-bottom:56px}
.project-section .partners{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:start}
.project-section .partner-primary{border-top:1px solid var(--border);padding-top:26px;text-align:center}
.project-section .partner-primary p{font-size:21px;line-height:1.4;margin:0 0 10px}
.project-section .partners img{width:100%;max-width:360px;height:240px;margin-inline:auto;object-fit:contain;object-position:center}
@media(max-width:800px){.journey-audience{font-size:20px;margin-top:18px}.project-section .partners{gap:36px}.project-section .partners img{height:auto;aspect-ratio:3/2}.project-section .partner-primary p{font-size:19px}}
@media(max-width:540px){.journey-audience{font-size:18px}.project-section .section-intro{margin-bottom:36px}.project-section .partners{grid-template-columns:1fr;gap:28px}.project-section .partner-primary{padding-top:22px}.project-section .partner-primary p{font-size:20px}.project-section .partners img{max-width:330px}}