@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-bold.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('assets/fonts/instrument-serif.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('assets/fonts/instrument-serif-italic.woff') format('woff');font-style:italic;font-weight:400;font-display:swap}
:root{--paper:#f5f2ea;--white:#fffefa;--ink:#181915;--blue:#2548ed;--lime:#dfff82;--muted:#5f625a;--line:#d4d3c9;--pad:clamp(24px,4vw,72px);--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}[hidden]{display:none!important}figure,blockquote{margin:0}h1,h2,h3,p{margin:0}em{font-family:var(--serif);font-weight:400}::selection{color:var(--ink);background:var(--lime)}:focus-visible{outline:3px solid currentColor;outline-offset:6px}.skip-link{position:fixed;left:16px;top:12px;z-index:200;padding:12px 18px;color:var(--white);background:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:none}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;line-height:1.5}
.site-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:88px;padding:12px var(--pad);background:var(--paper);border-bottom:1px solid var(--line);transition:box-shadow .25s}.site-header.is-scrolled{box-shadow:0 8px 22px #18191508}.logo{display:inline-flex;flex-direction:column;align-items:flex-start;width:max-content;line-height:.9}.logo-name{font-size:31px;font-weight:700;letter-spacing:-.09em}.logo-studio{font-size:9px;letter-spacing:.49em;margin-top:7px;margin-left:3px}.site-header nav{display:flex;gap:30px;font-size:13px}.site-header nav a{padding:10px 0;border-bottom:1px solid transparent}.site-header nav a:hover{border-color:var(--ink)}.header-action{justify-self:end;display:flex;align-items:center;gap:25px;padding:12px 19px;border:1px solid var(--ink);border-radius:30px;font-size:12px;font-weight:700}.header-action:hover{background:var(--ink);color:var(--paper)}.header-action span{font-size:19px}
.hero{display:grid;grid-template-columns:49% 51%;position:relative}.hero-copy{padding:55px var(--pad) 52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy>.eyebrow{color:var(--blue)}.hero h1{margin:30px 0 25px;font-size:clamp(94px,10.4vw,170px);line-height:.88;letter-spacing:-.075em;font-weight:700}.hero-preline{display:block;margin-bottom:20px;font-size:clamp(20px,2vw,30px);font-weight:400;letter-spacing:-.04em;line-height:1.25}.hero-main{display:block}.hero h1 em{display:block;color:var(--blue);font-size:1.19em;line-height:.95;letter-spacing:-.045em;margin-left:5px}.hero-description{font-size:clamp(16px,1.3vw,20px);line-height:1.5;letter-spacing:-.02em}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:19px 23px;margin-top:26px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:17px 22px;border-radius:40px;min-height:54px;font-size:13px;font-weight:700;transition:background .2s,transform .2s,color .2s}.button span{font-size:20px;line-height:1}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--blue);transform:translateY(-2px)}.button-lime{background:var(--ink);color:var(--paper)}.button-lime:hover{background:var(--blue);transform:translateY(-2px)}.hero-work-link{font-size:12px;white-space:nowrap;border-bottom:1px solid var(--ink);padding:7px 0}.hero-work-link span{margin-left:10px}
.hero-art{position:relative;background:var(--blue);overflow:hidden;isolation:isolate;min-height:660px;color:var(--paper)}.art-heading{position:absolute;top:30px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:9px;font-weight:700;line-height:1.5;letter-spacing:.13em;z-index:2}.art-heading>span:last-child{text-align:right}.art-word{position:absolute;top:48px;left:20px;font:italic 400 clamp(120px,17vw,280px)/1 var(--serif);color:#cad4ff;letter-spacing:-.06em;opacity:.82;pointer-events:none}.hero-project{position:absolute;display:block;background:var(--white);box-shadow:0 24px 45px #09176355;transform-origin:center;transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s}.hero-project:hover{box-shadow:0 35px 55px #09176377}.hero-project-main{width:83%;left:6%;top:185px;transform:rotate(-7deg);z-index:2}.hero-project-main:hover{transform:rotate(-4deg) translateY(-7px)}.hero-project-small{width:52%;right:-2%;top:405px;transform:rotate(8deg);z-index:3}.hero-project-small:hover{transform:rotate(5deg) translateY(-7px)}.project-window{display:flex;justify-content:space-between;align-items:center;padding:8px 13px;font-size:9px;font-weight:700;letter-spacing:.08em;line-height:1;color:var(--ink)}.project-window>span:last-child{font-size:16px}.hero-project img{width:100%}.art-caption{position:absolute;bottom:25px;left:32px;right:32px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;letter-spacing:.08em;z-index:4}.art-caption>a{font-size:12px;letter-spacing:0}.art-caption>a span{margin-left:12px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding:16px var(--pad);border-bottom:1px solid var(--line);font-size:11px}.hero-bottom>span:first-child{font-weight:700}.hero-bottom>span:last-child{color:var(--muted)}
.trust-strip{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:12%;padding:80px var(--pad)}.trust-strip p:first-child{font-size:clamp(26px,3.6vw,52px);line-height:1.05;letter-spacing:-.055em}.trust-strip em{font-size:1.22em;letter-spacing:-.04em}.trust-strip p:last-child{font-size:15px;line-height:1.8;color:var(--muted);max-width:440px}
.client-case{padding:0 var(--pad) 90px;background:var(--white)}.work-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end;padding:88px 0 90px;border-top:1px solid var(--line)}.work-section-heading .eyebrow{grid-column:1/-1;color:var(--blue)}.work-section-heading h2{font-size:clamp(42px,5.2vw,76px);font-weight:400;letter-spacing:-.065em;line-height:1.06}.work-section-heading em{font-size:1.2em;letter-spacing:-.045em}.work-section-heading>p:last-child{justify-self:end;font-size:14px;line-height:1.65;padding-bottom:5px;color:var(--muted)}.client-case-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:15px;padding:0 0 26px}.client-case-intro .eyebrow{grid-column:1/-1;color:var(--muted);font-size:10px}.client-case-intro h3{font-size:clamp(34px,4.5vw,64px);font-weight:400;line-height:1.05;letter-spacing:-.065em}.client-case-intro>p:last-child{font-size:14px;justify-self:end}.client-case-content{display:grid;grid-template-columns:1fr;gap:0}.real-site-preview{position:relative;background:#e5e9de;padding:55px 12% 22px;overflow:hidden}.real-site-preview>a{display:block;box-shadow:0 18px 32px #1922191c;transition:transform .65s}.real-site-preview>a:hover{transform:translateY(-5px)}.real-site-preview img{width:100%}.real-site-preview figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:30px;font-size:9px;letter-spacing:.06em}.client-case-summary{padding:34px 0 0}.project-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin:0}.project-facts div{border-top:1px solid var(--line);padding-top:18px}.project-facts dt{font-size:12px;font-weight:700;margin-bottom:10px}.project-facts dd{font-size:14px;line-height:1.7;margin:0;color:var(--muted)}.text-link{display:inline-flex;gap:40px;align-items:center;border-bottom:1px solid currentColor;padding:10px 0;font-size:13px}.text-link span{font-size:19px}.client-case-summary>.text-link{margin-top:23px}.client-testimonial{display:grid;grid-template-columns:.7fr 1fr;grid-template-rows:auto auto;gap:30px 12%;margin:80px calc(-1 * var(--pad)) -90px;padding:75px var(--pad);color:var(--paper);background:var(--blue)}.testimonial-heading{font-size:clamp(27px,3.2vw,45px);line-height:1.15;letter-spacing:-.045em;grid-column:1;grid-row:1}.testimonial-heading em{font-size:1.3em;letter-spacing:-.025em}.client-testimonial blockquote{grid-column:2;grid-row:1/span 2;font-size:clamp(21px,2.1vw,29px);line-height:1.5;letter-spacing:-.025em;max-width:760px}.client-testimonial blockquote:before{content:'“';display:block;font:70px/.6 var(--serif);margin-bottom:15px;color:var(--lime)}.client-testimonial figcaption{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-self:end;font-size:12px}.client-testimonial figcaption .eyebrow{font-size:9px;margin-bottom:12px;color:var(--lime)}.client-testimonial figcaption strong{font-weight:700}.client-testimonial figcaption>span:last-child{opacity:.8}
#prurak{padding-top:85px;background:var(--ink);color:var(--paper)}#prurak .client-case-intro .eyebrow{color:#b5b7ad}#prurak .real-site-preview{background:#33372d;padding-inline:12%}#prurak .project-facts div{border-color:#4e5148}#prurak .project-facts dd{color:#c4c7bc}#prurak .text-link{color:var(--lime)}
.offer{display:grid;grid-template-columns:1.2fr .8fr;gap:56px 12%;padding:100px var(--pad);background:var(--paper)}.offer-head .eyebrow{margin-bottom:28px;color:var(--blue)}.offer-head h2{font-size:clamp(38px,4.5vw,66px);font-weight:400;line-height:1.06;letter-spacing:-.055em}.offer-head h2 em{font-size:1.12em;letter-spacing:-.025em}.offer-intro{max-width:450px;font-size:15px;color:var(--muted);margin-top:25px}.offer-price{align-self:end;padding:18px 0 0;border-top:1px solid var(--ink)}.price-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:16px}.price-line strong{font-size:clamp(64px,7vw,100px);font-weight:400;letter-spacing:-.075em;line-height:1.2}.price-line span{font-size:12px}.price-total{font-size:12px;color:var(--muted)}.price-description{font-size:14px;max-width:250px;margin:18px 0}.price-reassurance{font-size:11px;color:var(--muted);margin-top:12px}.offer-details{grid-column:1/-1;display:grid;grid-template-columns:1.2fr .8fr;gap:12%;padding-top:30px;border-top:1px solid var(--line)}.offer-details h3{font-size:16px;font-weight:700;margin-bottom:15px}.included-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.included-list li{padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.offer-practical p{font-size:13px;color:var(--muted);margin-bottom:15px;line-height:1.75}.project-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;padding-top:20px}.project-steps>div{border-top:1px solid var(--ink);padding-top:18px}.step-label{font-size:10px;letter-spacing:.08em;color:var(--blue);font-weight:700}.project-steps h3{font-size:24px;font-weight:400;letter-spacing:-.045em;margin:10px 0}.project-steps p{font-size:13px;line-height:1.75;color:var(--muted)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding:90px var(--pad);background:var(--white);border-top:1px solid var(--line)}.about-portrait{position:relative;max-width:490px;background:#d3d2c9}.about-portrait img{width:100%;height:510px;object-fit:cover;object-position:50% 36%}.about-portrait figcaption{position:absolute;bottom:0;left:0;right:0;background:var(--blue);color:var(--white);padding:17px 20px;font-size:10px;letter-spacing:.08em}.about-copy .eyebrow{color:var(--blue);margin-bottom:25px}.about-copy h2{font-size:clamp(36px,4.2vw,62px);font-weight:400;letter-spacing:-.06em;line-height:1.08;margin-bottom:28px}.about-copy h2 em{font-size:1.12em;letter-spacing:-.035em}.about-copy>p{font-size:14px;max-width:480px;color:var(--muted);margin-bottom:14px}.about-copy>.about-name{color:var(--ink);font-size:20px;letter-spacing:-.035em;margin-bottom:16px}.about-contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:25px}
.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:60px 9%;padding:85px var(--pad) 0;background:var(--blue);color:var(--white);overflow:hidden}.contact-head .eyebrow{color:var(--lime);margin-bottom:25px}.contact-head h2{font-size:clamp(42px,5.5vw,80px);font-weight:400;letter-spacing:-.055em;line-height:1}.contact-head h2 em{font-size:1.2em;letter-spacing:-.035em}.contact-intro{font-size:15px;max-width:370px;margin-top:30px;color:#ebedff}.contact-promise{font-size:11px;color:#d7dfff;margin-top:12px}.contact-direct{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:30px;font-size:16px}.contact-direct a{border-bottom:1px solid #bfcaff}.request-form{position:relative;align-self:start;padding-top:4px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.request-form label{display:block;margin-bottom:20px}.request-form label>span{display:block;font-size:11px;margin-bottom:7px}.request-form label span em{font-family:var(--sans);font-style:normal}.request-form input,.request-form textarea{width:100%;border:0;border-bottom:1px solid #a7b7fc;background:#ffffff08;padding:12px 0;border-radius:0;color:var(--white);font-size:16px;outline:none}.request-form input::placeholder,.request-form textarea::placeholder{color:#d0d9ff;opacity:1}.request-form input:focus,.request-form textarea:focus{border-color:var(--lime);box-shadow:0 2px 0 var(--lime)}.request-form label small{display:none;font-size:11px;color:var(--lime);margin-top:6px}.request-form label.invalid small{display:block}.request-form textarea{resize:vertical;min-height:108px;line-height:1.5}.form-button{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;border:0;border-radius:40px;background:var(--paper);color:var(--ink);padding:18px 23px;font-size:12px;font-weight:700;letter-spacing:.02em}.form-button span{font-size:20px}.form-button:hover{background:var(--lime)}.privacy-note{font-size:10px;line-height:1.65;color:#d7dfff;margin-top:14px;max-width:400px}.privacy-note a{text-decoration:underline}.request-result{position:absolute;inset:0;z-index:5;background:var(--paper);color:var(--ink);padding:24px;overflow:auto}.result-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:15px;font-size:12px}.result-head button{font-size:28px;border:0;background:none}.request-result pre{white-space:pre-wrap;font:14px/1.6 var(--sans)}.copy-button{background:var(--ink);color:var(--paper);border:0;padding:12px 20px}.request-result [data-copy-status]{font-size:12px}.site-footer{grid-column:1/-1;border-top:1px solid #98aafa;display:grid;grid-template-columns:1fr 1fr 1.2fr;align-items:start;gap:25px;padding-top:30px;margin-top:25px}.site-footer .logo{color:var(--paper)}.footer-business{font-size:11px;line-height:1.8}.footer-links{display:flex;gap:12px 23px;flex-wrap:wrap;justify-content:flex-end;font-size:10px;line-height:1.8}.footer-links a:hover{text-decoration:underline}.footer-wordmark{grid-column:1/-1;font-size:clamp(110px,23.3vw,380px);letter-spacing:-.085em;font-weight:700;line-height:.72;margin:15px -.065em -.045em;color:var(--paper);user-select:none}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .65s both}.hero-project-main{animation:project-main-in 1s both}.hero-project-small{animation:project-small-in 1.2s both}.view-show{animation:arrive .6s both}@keyframes arrive{from{opacity:.65;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes project-main-in{from{opacity:0;transform:translate(45px,35px) rotate(-2deg)}to{opacity:1;transform:translate(0,0) rotate(-7deg)}}@keyframes project-small-in{from{opacity:0;transform:translate(30px,50px) rotate(1deg)}to{opacity:1;transform:translate(0,0) rotate(8deg)}}}
@media(min-width:1700px){.hero{grid-template-columns:50% 50%}.hero-copy{padding-left:max(var(--pad),calc((100vw - 1600px)/2))}.hero-art{min-height:790px}.hero-project-main{max-width:720px;top:210px}.hero-project-small{max-width:430px;top:475px}.trust-strip,.client-case,.offer,.about,.contact{padding-left:max(var(--pad),calc((100vw - 1600px)/2));padding-right:max(var(--pad),calc((100vw - 1600px)/2))}.client-testimonial{margin-left:0;margin-right:0;padding:70px}}
@media(max-width:1100px){.site-header nav{gap:20px}.hero-copy{padding-top:40px;padding-bottom:40px}.hero h1{font-size:10.7vw}.hero-art{min-height:610px}.hero-project-main{top:190px;width:88%;left:4%}.hero-project-small{top:355px;width:58%}.art-heading,.art-caption{left:22px;right:22px}.art-word{top:75px}.hero-actions{gap:15px}.hero-description{font-size:16px}.hero-actions .button{padding:16px 18px;gap:18px;font-size:12px}.trust-strip{gap:7%}.project-facts{gap:25px}.about{gap:7%}.about-portrait img{height:460px}.contact{gap:60px 6%}}
@media(max-width:760px){:root{--pad:24px}.site-header{min-height:72px;grid-template-columns:1fr auto;padding-block:12px}.site-header nav{display:none}.logo-name{font-size:27px}.logo-studio{font-size:8px}.header-action{padding:9px 14px;gap:17px;font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:32px var(--pad) 32px}.hero-copy>.eyebrow{font-size:9px}.hero h1{font-size:clamp(85px,24.6vw,142px);margin:22px 0 22px;line-height:.86}.hero-preline{font-size:22px;margin-bottom:13px}.hero h1 em{font-size:1.2em;line-height:.91}.hero-description{font-size:16px;line-height:1.55}.hero-actions{gap:13px 24px;margin-top:20px}.hero-actions .button{font-size:12px;padding:15px 19px;min-height:49px;gap:25px}.hero-work-link{font-size:11px}.hero-art{min-height:360px;margin-left:var(--pad)}.art-heading{top:18px;left:21px;right:21px;font-size:7px}.art-word{top:18px;left:18px;font-size:clamp(105px,36vw,210px)}.hero-project-main{top:91px;left:5%;width:76%;max-width:400px}.hero-project-small{top:189px;right:-1%;width:48%;max-width:265px}.project-window{padding:5px 9px;font-size:7px}.project-window>span:last-child{font-size:12px}.art-caption{bottom:16px;left:20px;right:20px;font-size:8px}.art-caption>a{font-size:10px}.hero-bottom{padding:16px var(--pad);font-size:9px;gap:15px;align-items:start}.hero-bottom span:last-child{max-width:145px;text-align:right}.trust-strip{grid-template-columns:1fr;gap:25px;padding:55px var(--pad)}.trust-strip p:first-child{font-size:34px}.trust-strip p:last-child{font-size:14px;max-width:500px}.client-case{padding-bottom:55px}.work-section-heading{grid-template-columns:1fr;padding:55px 0;gap:24px}.work-section-heading .eyebrow{font-size:9px}.work-section-heading h2{font-size:44px}.work-section-heading>p:last-child{justify-self:start;font-size:13px}.client-case-intro{grid-template-columns:1fr;gap:12px;padding-bottom:23px}.client-case-intro h3{font-size:42px}.client-case-intro .eyebrow{font-size:9px}.client-case-intro>p:last-child{justify-self:start;font-size:13px}.real-site-preview{margin-inline:calc(-1 * var(--pad));padding:28px 18px 18px}.real-site-preview figcaption{font-size:7px;margin-top:19px;gap:12px}.project-facts{grid-template-columns:1fr;gap:18px}.client-case-summary{padding-top:25px}.project-facts div{display:grid;grid-template-columns:85px 1fr;gap:14px;padding-top:15px}.project-facts dt{font-size:11px;margin-bottom:0}.project-facts dd{font-size:13px;line-height:1.65}.client-case-summary>.text-link{margin-top:17px;font-size:12px;gap:22px}.client-testimonial{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:27px;margin-top:50px;margin-bottom:-55px;padding:48px var(--pad)}.testimonial-heading{grid-column:1;grid-row:1;font-size:30px}.client-testimonial blockquote{grid-column:1;grid-row:2;font-size:20px;line-height:1.55}.client-testimonial blockquote:before{font-size:60px;margin-bottom:8px}.client-testimonial figcaption{grid-column:1;grid-row:3;font-size:11px}.client-testimonial figcaption .eyebrow{margin-bottom:6px;font-size:8px}#prurak{padding-top:55px}#prurak .real-site-preview{padding-inline:18px}.offer{grid-template-columns:1fr;gap:35px;padding:60px var(--pad)}.offer-head .eyebrow{font-size:9px;margin-bottom:23px}.offer-head h2{font-size:38px}.offer-intro{font-size:14px;margin-top:24px}.offer-price{padding-top:20px}.price-line strong{font-size:82px}.price-description{max-width:none}.offer-price .button{font-size:12px;min-height:50px}.offer-details{grid-template-columns:1fr;gap:30px;padding-top:24px}.offer-details h3{font-size:15px}.included-list{grid-template-columns:1fr}.included-list li{font-size:13px;padding:10px 0}.project-steps{grid-template-columns:1fr;gap:24px;padding-top:0}.project-steps>div{padding-top:14px}.project-steps h3{font-size:25px;margin:7px 0 10px}.about{grid-template-columns:1fr;gap:38px;padding:55px var(--pad)}.about-portrait{max-width:none;margin-right:35px}.about-portrait img{height:375px;object-position:50% 36%}.about-portrait figcaption{font-size:8px;padding:14px 16px}.about-copy h2{font-size:40px;margin-bottom:25px}.about-copy .eyebrow{font-size:9px;margin-bottom:20px}.about-copy>p{font-size:14px}.about-contact-links{gap:8px;margin-top:20px}.contact{grid-template-columns:1fr;padding-top:60px;gap:40px}.contact-head .eyebrow{font-size:9px;margin-bottom:23px}.contact-head h2{font-size:52px}.contact-intro{font-size:14px;margin-top:25px}.contact-promise{font-size:10px}.contact-direct{gap:7px;font-size:15px;margin-top:25px}.field-pair{grid-template-columns:1fr;gap:0}.request-form label{margin-bottom:22px}.site-footer{grid-template-columns:1fr 1fr;gap:26px 15px;padding-top:25px;margin-top:0}.footer-business{justify-self:end;text-align:right;font-size:10px}.footer-links{grid-column:1/-1;justify-content:space-between;gap:15px;font-size:9px}.footer-wordmark{font-size:23.4vw;margin-top:0;line-height:.74}}
@media(min-width:500px) and (max-width:760px){.hero-art{min-height:440px}.hero-project-main{top:110px}.hero-project-small{top:245px}.art-word{font-size:210px}.hero-copy{padding-block:45px}.hero h1{font-size:130px}.real-site-preview{padding:35px 8% 20px}}
@media(max-width:360px){:root{--pad:20px}.header-action{font-size:10px;gap:12px}.hero h1{font-size:25vw}.hero-preline{font-size:20px}.hero-actions{gap:12px}.hero-art{min-height:300px}.hero-project-main{top:78px}.hero-project-small{top:163px}.art-word{font-size:110px}.art-caption{font-size:7px;left:15px;right:15px}.trust-strip p:first-child{font-size:30px}.work-section-heading h2{font-size:37px}.client-case-intro h3{font-size:36px}.offer-head h2{font-size:33px}.about-copy h2{font-size:35px}.contact-head h2{font-size:44px}.about-portrait{margin-right:20px}.about-portrait img{height:330px}.real-site-preview figcaption{font-size:6px}.project-facts div{grid-template-columns:75px 1fr;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Final optical adjustments. */
.logo-name{letter-spacing:-.045em}
.footer-wordmark{letter-spacing:-.055em;font-size:clamp(110px,22.6vw,370px)}
.about-portrait{overflow:hidden}
.about-portrait img{height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 50%}

/* Real client work, shown as a moving screen with an authentic mobile capture. */
.hero-showcase{min-height:690px;background:radial-gradient(ellipse at 54% 45%,#768cfa 0%,#3455ed 44%,#1935c0 100%)}
.hero-showcase::before{content:'';position:absolute;width:92%;aspect-ratio:1;left:4%;top:13%;border:1px solid #ffffff24;border-radius:50%;box-shadow:0 0 0 55px #ffffff06,0 0 0 110px #ffffff04;pointer-events:none}
.showcase-word{position:absolute;left:4%;right:4%;top:58px;text-align:center;white-space:nowrap;font:italic 400 clamp(85px,12vw,210px)/1 var(--serif);letter-spacing:-.055em;color:#e0e5ff;opacity:.92}
.showcase-stage{position:absolute;left:7%;right:5%;top:190px;isolation:isolate}
.showcase-desktop{position:relative;display:block;width:92%;border:7px solid #1b213a;border-radius:15px;background:#1b213a;box-shadow:0 32px 60px #0b175c6b,0 1px 0 1px #bbc8ff8a;transform:rotate(-4deg);transition:transform .6s}
.showcase-desktop:hover{transform:rotate(-2deg) translateY(-4px)}
.showcase-desktop::after{content:'';position:absolute;left:33%;width:34%;height:24px;bottom:-32px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#a5aec5,#e0e4ee 40%,#c2cadd 60%,#8e99b5);clip-path:polygon(30% 0,70% 0,76% 83%,100% 89%,100% 100%,0 100%,0 89%,24% 83%);z-index:-1}
.showcase-browser{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:#f5f6fa;border-radius:8px 8px 0 0;color:#475264;font-size:8px;line-height:1.3}
.browser-dots{letter-spacing:3px;color:#a8adbc;font-size:6px}
.showcase-screen{display:block;aspect-ratio:1.6;overflow:hidden;background:#f4f1e9}
.showcase-scroll{width:100%;height:auto;max-width:none;transform:translateY(0);will-change:auto}
.showcase-chin{display:block;height:12px;border-radius:0 0 7px 7px;background:linear-gradient(90deg,#b9bfd0,#f1f3f9,#b9bfd0)}
.showcase-phone{position:absolute;right:0;bottom:-30px;width:28%;padding:6px;border:1px solid #b0bad2;border-radius:25px;background:#161b29;box-shadow:0 25px 40px #08195066;transform:rotate(6deg)}
.phone-speaker{position:absolute;z-index:2;left:35%;right:35%;top:5px;height:8px;border-radius:0 0 9px 9px;background:#161b29}
.phone-screen{aspect-ratio:710/1310;overflow:hidden;border-radius:19px;background:#132f3b}
.phone-screen img{width:100%;max-width:none;height:auto;margin-top:-11.55%}
.showcase-caption{position:absolute;bottom:29px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:end;gap:15px}
.showcase-caption .eyebrow{font-size:8px;letter-spacing:.11em;display:block;color:#d5ddff;margin-bottom:5px}
.showcase-caption a{display:flex;gap:25px;align-items:center;font-size:15px}
.showcase-caption a:hover{text-decoration:underline;text-underline-offset:4px}
.motion-toggle{flex-shrink:0;border:1px solid #ccd4ff91;border-radius:30px;padding:9px 12px;min-height:38px;background:#1530ac70;color:white;font-size:10px;line-height:1.5}
.motion-toggle:hover{background:#142886}
.has-motion .showcase-scroll{animation:sivura-screen-tour 24s cubic-bezier(.38,0,.25,1) 1 both;animation-play-state:paused;will-change:transform}
.has-motion.motion-playing .showcase-scroll{animation-play-state:running}
@keyframes sivura-screen-tour{0%,10%{transform:translateY(0)}65%,78%{transform:translateY(-22%)}100%{transform:translateY(0)}}
.offer-practical a{text-decoration:underline;text-underline-offset:3px}
.care{padding:95px var(--pad) 70px;background:#e5e9f2;color:#192130;display:grid;grid-template-columns:1fr 1fr;gap:64px 10%;position:relative;overflow:hidden}
.care-heading{padding-top:12px}
.care-heading>.eyebrow{color:#2342ca;margin-bottom:26px}
.care-heading h2{font-size:clamp(42px,5vw,76px);line-height:1.06;font-weight:400;letter-spacing:-.06em}
.care-heading h2 em{font-size:1.13em;letter-spacing:-.035em;color:#2342ca}
.care-heading>p:not(.eyebrow){max-width:390px;font-size:16px;line-height:1.8;color:#505c70;margin-top:27px}
.care-heading>.text-link{margin-top:25px;color:#2342ca}
.care-plan{padding:30px 34px 33px;background:#182953;color:#f5f2ea;box-shadow:14px 14px 0 #c7d0e5}
.care-plan-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6a7893;padding-bottom:18px;font-size:10px;letter-spacing:.12em}
.care-plan-top>span:last-child{font-size:25px;line-height:1;color:#dfff82}
.care-price{display:flex;align-items:baseline;gap:15px;margin-top:22px}
.care-price strong{font-size:clamp(72px,7vw,100px);font-weight:400;letter-spacing:-.07em;line-height:1.15}
.care-price>span{font-size:20px;color:#d4dcef}
.care-tax{font-size:11px;color:#d4dcef;margin-top:4px}
.care-plan-intro{font-size:16px;max-width:290px;margin-top:24px;line-height:1.5}
.care-plan ul{padding:0;margin:27px 0 0;list-style:none}
.care-plan li{padding:16px 0;border-top:1px solid #6a7893}
.care-plan li:last-child{padding-bottom:0}
.care-plan li strong{font-size:13px;display:block;margin-bottom:6px}
.care-plan li span{display:block;font-size:12px;line-height:1.75;color:#d4dcef}
.care-bottom{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:32px;border-top:1px solid #b3bdd0}
.care-bottom>.care-terms{max-width:600px}
.care-bottom .eyebrow{font-size:9px;color:#505c70}
.care-bottom>div:first-child>p{font-size:32px;line-height:1.14;letter-spacing:-.04em;margin-top:17px}
.care-bottom em{font-size:1.2em}
.care-terms p{font-size:12px;line-height:1.8;color:#505c70;margin:0 0 14px}
.care-terms details{margin:17px 0}
.care-terms summary{cursor:pointer;font-size:13px;padding:10px 0;border-block:1px solid #b3bdd0}
.care-terms details p{margin-top:15px}
@media(min-width:1700px){.hero-showcase{min-height:790px}.showcase-stage{top:240px;max-width:820px;left:7%}.care{padding-left:max(var(--pad),calc((100vw - 1600px)/2));padding-right:max(var(--pad),calc((100vw - 1600px)/2))}}
@media(min-width:761px) and (max-width:1100px){.hero-showcase{min-height:620px}.showcase-stage{top:220px;left:6%;right:5%}.showcase-word{top:105px;font-size:12vw}.showcase-phone{padding:4px;border-radius:19px}.phone-screen{border-radius:14px}.showcase-caption{left:22px;right:22px}.showcase-caption a{font-size:13px}.motion-toggle{font-size:9px;padding:8px}.care{gap:45px 6%}.care-plan{padding:25px}.care-bottom{gap:6%}}
@media(max-width:760px){.hero-showcase{margin-left:0;min-height:0;height:clamp(390px,86vw,610px)}.showcase-word{top:48px;font-size:21vw}.hero-showcase .art-heading{left:24px;right:24px}.showcase-stage{top:27%;left:8%;right:8%}.showcase-desktop{width:100%;border-width:5px;border-radius:11px}.showcase-phone{display:none}.showcase-browser{padding:6px 8px;font-size:7px;border-radius:6px 6px 0 0}.showcase-chin{height:9px}.showcase-caption{left:24px;right:24px;bottom:25px}.showcase-caption a{font-size:14px;gap:18px}.showcase-caption .eyebrow{font-size:7px}.motion-toggle{font-size:10px;padding:8px 10px}.care{grid-template-columns:1fr;padding:60px var(--pad);gap:36px}.care-heading{padding-top:0}.care-heading h2{font-size:46px}.care-heading>.eyebrow{font-size:9px;margin-bottom:23px}.care-heading>p:not(.eyebrow){font-size:14px;margin-top:23px}.care-heading>.text-link{margin-top:15px}.care-plan{padding:26px;box-shadow:8px 8px 0 #c7d0e5;margin-right:8px}.care-price strong{font-size:82px}.care-tax{font-size:10px}.care-bottom{grid-template-columns:1fr;gap:25px;padding-top:29px}.care-bottom>div:first-child>p{font-size:30px}}
@media(max-width:360px){.hero-showcase{height:360px}.showcase-stage{top:29%;left:7%;right:7%}.showcase-caption{left:20px;right:20px;gap:8px}.showcase-caption a{font-size:12px;gap:14px}.motion-toggle{font-size:9px;padding:8px}.care-heading h2{font-size:39px}.care-plan{padding:22px}.care-plan-intro{font-size:15px}}
@media(prefers-reduced-motion:reduce){.has-motion .showcase-scroll{animation:none!important;transform:none!important}.motion-toggle{display:none!important}}

/* Two clear ways to keep the site's content current. */
.care-two-options .care-heading{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 10%;align-items:end}
.care-two-options .care-heading>.eyebrow{grid-column:1/-1}
.care-two-options .care-heading>p:not(.eyebrow){margin:0;max-width:440px;padding-bottom:5px}
.care-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:stretch}
.care-options .care-plan{display:flex;flex-direction:column;min-width:0;box-shadow:none}
.care-plan-top h3{font-size:10px;letter-spacing:.12em;font-weight:700;line-height:1.5}
.care-options .care-plan-intro{max-width:none;min-height:48px}
.care-options .care-plan ul{margin-bottom:28px}
.care-option-button{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;border-radius:30px;background:var(--lime);color:#192130;font-size:13px;font-weight:700;line-height:1.4;min-height:50px}
.care-option-button:hover{background:#f5f2ea}
.care-option-button>span{font-size:19px}
.care-once{background:var(--white);color:#192130;border:1px solid #aebad0}
.care-once .care-plan-top,.care-once li{border-color:#bcc5d4}
.care-once .care-plan-top>span:last-child{color:#2342ca}
.care-once-price{font-size:clamp(36px,3.6vw,53px);letter-spacing:-.05em;line-height:1.05;margin-top:23px}
.care-once-price em{font-size:1.13em;color:#2342ca}
.care-once .care-tax{margin-top:13px}
.care-once .care-tax,.care-once li span{color:#505c70}
.care-once .care-option-button{background:#192130;color:var(--white)}
.care-once .care-option-button:hover{background:#2342ca}
@media(max-width:760px){.care-two-options .care-heading{grid-template-columns:1fr;gap:0}.care-two-options .care-heading>p:not(.eyebrow){margin-top:23px;padding-bottom:0}.care-options{grid-template-columns:1fr;gap:24px}.care-options .care-plan{margin-right:0}.care-options .care-plan-intro{min-height:0}.care-once-price{font-size:43px}.care-option-button{font-size:12px}}
@media(max-width:360px){.care-once-price{font-size:38px}}

/* Search basics are included in the website; an existing-site review is separate. */
.seo-included-link{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#838cba}
.seo-included{margin-top:20px;scroll-margin-top:100px}
.seo-included summary{cursor:pointer;padding:10px 0;font-size:13px;font-weight:700;line-height:1.6}
.seo-included p,.seo-included li{font-size:13px;line-height:1.75;color:var(--muted)}
.seo-included p{margin-top:12px}
.seo-included ul{padding-left:19px;margin:14px 0}
.seo-included li{padding-left:3px;margin-bottom:8px}
.seo-included .seo-scope{font-size:12px}
.seo-existing{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#e5e9f2;padding:35px 38px}
.seo-existing .eyebrow{font-size:9px;color:#2342ca;line-height:1.7}
.seo-existing h3{font-size:clamp(29px,3vw,42px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin-top:20px}
.seo-existing h3 em{font-size:1.12em;color:#2342ca}
.seo-service-name{font-size:12px;font-weight:700;margin-top:17px;color:#505c70}
.seo-existing-copy{align-self:center}
.seo-existing-copy p{font-size:13px;line-height:1.8;color:#505c70;margin-bottom:15px}
.seo-existing-copy .text-link{font-size:12px;gap:20px;color:#2342ca;max-width:100%}
@media(max-width:760px){.seo-existing{grid-template-columns:1fr;gap:25px;padding:28px 24px;margin-inline:-8px}.seo-existing h3{font-size:34px}.seo-existing .eyebrow{font-size:8px}.seo-included summary{font-size:12px}}
@media(max-width:360px){.seo-existing{padding:24px 20px}.seo-existing h3{font-size:29px}}

/* Two real projects, with clearly visible scroll-driven horizontal movement. */
.work-reel{--reel-travel:clamp(48px,8vw,140px);padding:86px 0 76px;background:var(--white);overflow:hidden;overflow:clip}
.reel-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;max-width:1600px;padding:0 var(--pad);margin:0 auto 52px}
.reel-heading .eyebrow{color:var(--blue);margin-bottom:24px}
.reel-heading h2{font-size:clamp(44px,5.8vw,84px);font-weight:400;letter-spacing:-.065em;line-height:1.04}
.reel-heading h2 em{font-size:1.2em;letter-spacing:-.04em;color:var(--blue)}
.reel-heading-aside{padding-bottom:4px}
.reel-heading-aside p{font-size:14px;line-height:1.65;color:var(--muted)}
.reel-toggle{display:inline-flex;align-items:center;gap:15px;margin-top:22px;padding:10px 16px;min-height:44px;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--ink);font-size:11px;line-height:1.5}
.reel-toggle:hover{border-color:var(--ink)}
.reel-toggle[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--white)}
.reel-gallery{position:relative;display:flex;flex-direction:column;gap:42px;max-width:1600px;margin:auto;padding:20px calc(var(--pad) + var(--reel-travel)) 30px;isolation:isolate}
.reel-gallery::before{content:'';position:absolute;inset:9% 0 8%;background:radial-gradient(ellipse at 21% 24%,#d9e4d577,transparent 48%),radial-gradient(ellipse at 78% 74%,#dce1f977,transparent 48%);z-index:-1;pointer-events:none}
.reel-row{width:74%;min-width:0;transform:translate3d(0,0,0)}
.reel-row-prurak{align-self:flex-end}
.reel-frame{display:block;overflow:hidden;border:1px solid #dedfd8;border-radius:12px;background:#fff;box-shadow:0 25px 55px -20px #222d3850,0 3px 9px #222d380b}
.reel-frame:hover{box-shadow:0 28px 62px -20px #222d3860,0 3px 9px #222d3814}
.reel-frame:focus-visible{outline-color:var(--blue);outline-offset:5px}
.reel-browser{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 15px;background:#f5f5f0;color:#62675e;font-size:10px;line-height:1.2;border-bottom:1px solid #dedfd8}
.reel-dots{font-size:8px;letter-spacing:3px;color:#bbbfb4}
.reel-frame img{width:100%;height:auto}
.reel-row figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:23px}
.reel-row figcaption .eyebrow{display:block;font-size:9px;color:var(--muted);margin-bottom:7px;letter-spacing:.08em}
.reel-project-name{display:inline-flex;align-items:center;gap:25px;font-size:clamp(22px,2.4vw,36px);line-height:1.2;letter-spacing:-.045em}
.reel-project-name:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.reel-project-name>span{font-size:22px;color:var(--blue)}
.reel-credit{font-size:8px;line-height:1.6;letter-spacing:.09em;text-align:right;color:var(--muted)}
#asiakastyo{padding-top:60px;border-top:1px solid var(--line)}
#asiakastyo .client-case-summary,#prurak .client-case-summary{padding-top:0}
@media(min-width:761px) and (max-width:1100px){.reel-row{width:83%}.reel-credit{font-size:7px}.reel-gallery{gap:36px}}
@media(max-width:760px){.work-reel{--reel-travel:clamp(30px,10vw,60px);padding:54px 0 40px}.reel-heading{display:block;margin-bottom:26px}.reel-heading h2{font-size:47px}.reel-heading .eyebrow{font-size:9px;margin-bottom:22px}.reel-heading-aside{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:26px}.reel-heading-aside p{font-size:12px}.reel-toggle{margin-top:0;padding:9px 12px;font-size:10px;gap:8px;flex-shrink:0}.reel-gallery{padding:10px calc(var(--reel-travel) + 8px) 24px;gap:36px}.reel-row{width:100%}.reel-frame{border-radius:8px;box-shadow:0 18px 32px -16px #222d3850}.reel-browser{font-size:8px;padding:8px 10px}.reel-dots{font-size:6px;letter-spacing:2px}.reel-row figcaption{padding-top:17px;gap:12px}.reel-row figcaption .eyebrow{font-size:7px;letter-spacing:.06em}.reel-project-name{font-size:24px;gap:16px}.reel-project-name>span{font-size:18px}.reel-credit{font-size:6px;letter-spacing:.04em}#asiakastyo{padding-top:40px}}
@media(max-width:360px){.reel-heading h2{font-size:41px}.reel-heading-aside{align-items:flex-start;flex-direction:column;gap:15px}.reel-row figcaption{flex-wrap:wrap}.reel-credit{text-align:left}.reel-project-name{font-size:21px}.reel-credit{font-size:5.5px}}
@media(prefers-reduced-motion:reduce){.reel-row{transform:none!important}.reel-toggle{display:none!important}}

/* A full, authentic site preview on the dark PRURAK case background. */
.trust-strip p:first-child{text-wrap:balance}
.case-site-preview{width:100%;max-width:1120px;margin:8px auto 42px}
.case-site-preview>a{display:block;overflow:hidden;border:1px solid #505347;border-radius:10px;box-shadow:0 24px 60px #0005}
.case-site-browser{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;background:#24261f;color:#c7cabb;font-size:11px;line-height:1.3;border-bottom:1px solid #41443a}
.case-site-browser>span:last-child{color:var(--lime);font-size:15px}
.case-site-preview img{width:100%;height:auto}
.case-site-preview a:focus-visible{outline-color:var(--lime)}
@media(max-width:760px){.case-site-preview{margin:6px auto 30px}.case-site-preview>a{border-radius:7px}.case-site-browser{padding:9px 12px;font-size:9px}}

/* Comfortable reading size for service details and the project steps. */
.seo-existing-copy p,.project-steps p{font-size:16px;line-height:1.7}
.seo-existing .seo-service-name{font-size:15px;line-height:1.5}
.seo-existing-copy .text-link{font-size:14px;line-height:1.6}
.project-steps .step-label{font-size:11px}

/* Bolder editorial scale, with readable supporting copy on small screens. */
:root{--muted:#53574f}
.hero-description{font-size:clamp(18px,1.45vw,22px);line-height:1.6}
.hero-actions .button{min-height:56px;font-size:14px}
.hero-work-link{font-size:14px}
.hero-bottom{font-size:12px}
.reel-heading{margin-bottom:60px}
.reel-heading h2{font-size:clamp(64px,8vw,116px);line-height:.99}
.reel-heading-aside p{font-size:16px}
.reel-toggle{font-size:12px}
.reel-gallery{gap:62px}
.reel-row figcaption .eyebrow{font-size:11px;letter-spacing:.07em}
.reel-credit{font-size:10px;letter-spacing:.03em}
.trust-strip{padding-block:100px;gap:8%}
.trust-strip p:first-child{font-size:clamp(38px,4.7vw,68px);line-height:1.08}
.trust-strip em{color:var(--blue)}
.trust-strip p:last-child{font-size:17px;line-height:1.75}
.client-case-intro{padding-bottom:38px}
.client-case-intro h3{font-size:clamp(48px,6.5vw,94px)}
.client-case-intro .eyebrow{font-size:11px}
.client-case-intro>p:last-child{font-size:18px}
.project-facts dt{font-size:14px}
.project-facts dd{font-size:16px;line-height:1.7}
.client-case-summary>.text-link{font-size:15px;min-height:48px}
#prurak{padding-top:100px;padding-bottom:100px}
#prurak .client-case-intro{align-items:end;gap:20px}
#prurak .client-case-intro h3{font-size:clamp(74px,11vw,156px);letter-spacing:-.065em;line-height:.9}
#prurak .client-case-intro>p:last-child{color:var(--lime);padding-bottom:4px}
#prurak .case-site-preview{max-width:none;margin-top:14px;margin-bottom:52px}
.case-site-preview>a{border-color:#55594b;box-shadow:0 28px 70px #0006}
.offer-intro,.price-description,.offer-practical p,.about-copy>p,.contact-intro{font-size:16px;line-height:1.75}
.included-list li{font-size:15px;line-height:1.65}
.seo-included p,.seo-included li{font-size:15px;line-height:1.7}
.seo-included summary{font-size:15px;line-height:1.55}
.offer-practical h3,.offer-details h3{font-size:18px}
.project-steps h3{font-size:32px;line-height:1.15;letter-spacing:-.035em}
.project-steps p{max-width:42ch}
.care-heading>p:not(.eyebrow),.care-includes li{font-size:16px;line-height:1.7}
.care-plan-intro{font-size:17px;line-height:1.7}
.care-terms p,.care-terms summary{font-size:14px;line-height:1.7}
@media(max-width:760px){
  .eyebrow,.hero-copy>.eyebrow,.about-copy .eyebrow,.offer-head .eyebrow,.care-heading>.eyebrow,.contact-head .eyebrow{font-size:11px}
  .hero-description{font-size:18px}
  .hero-actions{gap:16px 24px}
  .hero-work-link{font-size:13px}
  .hero-bottom{font-size:11px}
  .reel-heading{margin-bottom:36px}
  .reel-heading h2{font-size:clamp(45px,13.5vw,78px);line-height:1.02}
  .reel-heading .eyebrow{font-size:11px}
  .reel-heading-aside{display:block;margin-top:26px}
  .reel-heading-aside p{font-size:16px;line-height:1.6}
  .reel-toggle{margin-top:20px;font-size:12px;padding:11px 16px}
  .reel-gallery{gap:48px}
  .reel-row figcaption{display:block;padding-top:20px}
  .reel-row figcaption .eyebrow{font-size:10px}
  .reel-project-name{font-size:clamp(26px,7vw,34px);gap:18px;line-height:1.15}
  .reel-project-name>span{font-size:22px}
  .reel-credit{display:block;text-align:left;font-size:9px;margin-top:12px;line-height:1.5}
  .reel-credit br{display:none}
  .reel-credit br::after{content:' '}
  .trust-strip{padding-block:72px;gap:28px}
  .trust-strip p:first-child{font-size:clamp(32px,9.65vw,46px)}
  .trust-strip p:last-child{font-size:16px;line-height:1.75}
  .client-case-intro{gap:17px;padding-bottom:28px}
  .client-case-intro h3{font-size:clamp(40px,11.5vw,62px)}
  .client-case-intro .eyebrow{font-size:11px}
  .client-case-intro>p:last-child{font-size:16px}
  .project-facts{gap:22px}
  .project-facts div{grid-template-columns:85px minmax(0,1fr);gap:16px;padding-top:19px}
  .project-facts dt{font-size:13px}
  .project-facts dd{font-size:15px;line-height:1.7}
  .client-case-summary>.text-link{font-size:14px;gap:22px;line-height:1.6}
  #prurak{padding-top:72px;padding-bottom:72px}
  #prurak .client-case-intro{gap:20px}
  #prurak .client-case-intro h3{font-size:clamp(64px,18vw,100px)}
  #prurak .case-site-preview{margin:8px auto 36px}
  .offer-head h2{font-size:44px}
  .offer-intro,.price-description,.offer-practical p,.about-copy>p,.contact-intro{font-size:16px}
  .included-list li{font-size:15px;padding-block:13px}
  .offer-details h3{font-size:18px}
  .project-steps{gap:30px}
  .project-steps>div{padding-top:22px}
  .project-steps h3{font-size:30px;margin:13px 0 17px}
  .project-steps p,.seo-existing-copy p{font-size:16px;line-height:1.7}
  .seo-existing .eyebrow{font-size:10px;line-height:1.6}
  .seo-existing-copy .text-link{font-size:14px}
  .care-heading>p:not(.eyebrow){font-size:16px}
  .care-plan-intro{font-size:16px}
  .care-terms p,.care-terms summary{font-size:14px}
  .about-copy h2{font-size:46px}
  .contact-promise{font-size:12px}
  .footer-business,.footer-links{font-size:12px}
}
@media(max-width:360px){
  .project-facts div{grid-template-columns:1fr;gap:6px}
  .client-case-summary>.text-link{font-size:13px;gap:16px}
  .offer-head h2{font-size:38px}
}

/* Stronger Sivura palette: ink, electric blue, lime and clean light space. */
:root{--paper:#f7f8f3;--white:#ffffff;--ink:#10110f;--blue:#2547f5;--lime:#ddff72;--muted:#4d514a;--line:#d0d4c9}
.site-header{background:var(--ink);color:var(--white);border-color:#ffffff29}
.site-header nav a:hover{border-color:var(--lime);color:var(--lime)}
.header-action{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.header-action:hover{background:var(--white);color:var(--ink);border-color:var(--white)}
.hero{background:var(--ink);color:var(--white)}
.hero-copy>.eyebrow,.hero h1 em{color:var(--lime)}
.hero-work-link{border-color:#ffffff80}
.hero-work-link:hover{color:var(--lime);border-color:var(--lime)}
.hero-actions .button-dark{background:var(--lime);color:var(--ink)}
.hero-actions .button-dark:hover{background:var(--white);color:var(--ink)}
.hero-bottom{border-color:#ffffff30}
.hero-bottom>span:last-child{color:#d3d8cc}
.hero-showcase{background:radial-gradient(ellipse at 54% 45%,#3d63ff 0%,#2547f5 50%,#1533d6 100%)}
.showcase-word{color:var(--white);opacity:1}
.reel-gallery::before{background:none}
.reel-frame{border-color:#bcc3b5;box-shadow:0 25px 50px -22px #10110f55}
.trust-strip{background:var(--blue);color:var(--white)}
.trust-strip em{color:var(--lime)}
.trust-strip p:last-child{color:var(--white)}
.offer-head h2 em,.price-line strong{color:var(--blue)}
.button-lime{background:var(--blue);color:var(--white)}
.button-lime:hover{background:var(--ink);color:var(--white)}
.seo-existing{background:var(--ink);color:var(--white)}
.seo-existing .eyebrow,.seo-existing h3 em,.seo-existing-copy .text-link{color:var(--lime)}
.seo-existing .seo-service-name{color:var(--white)}
.seo-existing-copy p{color:#e2e6dc}
.care{background:var(--blue);color:var(--white)}
.care-heading>.eyebrow,.care-heading h2 em,.care-heading>.text-link{color:var(--lime)}
.care-heading>p:not(.eyebrow){color:var(--white)}
.care-monthly{background:var(--ink);color:var(--white)}
.care-plan li strong{font-size:15px;line-height:1.55}
.care-plan li span{font-size:15px;line-height:1.7}
.care-plan-top h3{font-size:12px}
.care-monthly .care-plan-top,.care-monthly li{border-color:#ffffff40}
.care-monthly .care-tax,.care-monthly li span,.care-monthly .care-price>span{color:#dce2d4}
.care-once{background:var(--white);color:var(--ink);border-color:var(--white)}
.care-once .care-tax,.care-once li span{color:var(--muted)}
.care-once-price em,.care-once .care-plan-top>span:last-child{color:var(--blue)}
.care-once .care-option-button{background:var(--ink);color:var(--white)}
.care-once .care-option-button:hover{background:var(--blue)}
.care-bottom{border-color:#ffffff60}
.care-bottom .eyebrow{color:var(--lime)}
.care-bottom em{color:var(--lime)}
.care-terms p{color:var(--white)}
.care-terms summary{color:var(--white);border-color:#ffffff60}
.about-copy h2 em{color:var(--blue)}
.about-portrait figcaption{background:var(--blue);color:var(--white)}
.about-contact-links a:hover{color:var(--blue)}
.form-button{background:var(--lime);color:var(--ink);font-size:14px}
.form-button:hover{background:var(--white)}
.request-form label>span{font-size:13px}
.footer-wordmark{color:var(--lime)}

/* 10.10.2026 — clear services, compact case studies and mobile navigation. */
.hero-description{max-width:450px}
.hero-service-link{font-size:13px;color:var(--lime);margin-top:20px;text-underline-offset:5px}
.hero-service-link:hover{text-decoration:underline}
.mobile-menu{display:none}
.services{padding:76px var(--pad);background:var(--paper);color:var(--ink)}
.services-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end;margin-bottom:40px}
.services-heading .eyebrow{color:var(--blue);margin-bottom:20px}
.services-heading h2{font-size:clamp(40px,4.4vw,68px);font-weight:400;line-height:1.04;letter-spacing:-.055em}
.services-heading h2 em{color:var(--blue);font-size:1.15em}
.services-heading>p{font-size:16px;line-height:1.75;max-width:420px;padding-bottom:4px}
.service-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch}
.service-card{padding:36px;display:flex;flex-direction:column;min-width:0;scroll-margin-top:100px}
.service-new{background:var(--ink);color:var(--white)}
.service-renew{background:var(--blue);color:var(--white)}
.service-card>.eyebrow{color:var(--lime);margin-bottom:22px}
.service-card h3{font-size:clamp(32px,3.3vw,49px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin-bottom:23px}
.service-card h3 em{font-size:1.15em}
.service-card>p:not(.eyebrow):not(.renew-price){font-size:16px;line-height:1.7}
.service-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:15px;margin-top:22px}
.service-price strong{font-weight:400;font-size:clamp(62px,6vw,88px);line-height:1.15;letter-spacing:-.055em;color:var(--lime)}
.service-price>span{font-size:14px}
.service-card>p.service-tax{font-size:13px}
.service-card>p.service-scope{margin:20px 0 12px}
.service-card>p.service-small{font-size:14px;line-height:1.65;margin-bottom:26px}
.service-card .button{width:100%;background:var(--lime);color:var(--ink);margin-top:auto;gap:16px;border-radius:32px;line-height:1.4}
.service-card .button:hover{background:white}
.service-detail-link{font-size:13px;text-decoration:underline;text-underline-offset:5px;padding-top:17px}
.renew-price{font-size:34px;line-height:1.1;letter-spacing:-.035em;margin-top:26px;color:var(--lime)}
.renew-price em{font-size:1.2em}
.renew-scope{padding:0;list-style:none;margin:23px 0}
.renew-scope li{padding:10px 0;border-top:1px solid #ffffff55;font-size:15px;line-height:1.6}
.service-disclosure{border-bottom:1px solid var(--line);padding:0;scroll-margin-top:100px}
.service-options+.service-disclosure{margin-top:25px}
.service-disclosure>summary{cursor:pointer;padding:21px 0;font-size:16px;font-weight:700;min-height:56px}
.service-disclosure .offer-details{margin:0;padding:10px 0 32px;border:0}
.service-disclosure .seo-existing{margin:0 0 28px}
.services .project-steps{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.services .project-steps>div{border-top:1px solid var(--line);padding-top:22px}
.services .project-steps p{font-size:15px;line-height:1.75;color:var(--muted)}
.services .project-steps h3{font-size:28px}
.reel-row{scroll-margin-top:110px}
.reel-row figcaption{display:grid;grid-template-columns:1fr auto;gap:20px}
.reel-case-copy{grid-column:1/-1;font-size:16px;line-height:1.75;max-width:700px;letter-spacing:0;text-transform:none}
.reel-case-copy strong{display:block;margin-bottom:6px;font-weight:700}
.reel-row-prurak#prurak{padding:24px;background:var(--ink);color:var(--white);border-radius:12px}
.reel-row-prurak .eyebrow,.reel-row-prurak .reel-credit{color:var(--lime)}
.reel-row-prurak .reel-project-name{color:var(--white)}
.reel-row-prurak .reel-frame{border-color:#ffffff44;box-shadow:none}
.standalone-testimonial{margin:45px 0 0;padding:65px var(--pad)}
.work-reel{padding-bottom:0}
.request-choices{padding:0;border:0;margin:0 0 24px;min-width:0}
.request-choices legend{font-size:16px;font-weight:700;margin-bottom:14px;padding:0}
.request-form .request-choices label{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;border:1px solid #ffffff80;border-radius:8px;margin:0 0 10px;cursor:pointer}
.request-form .request-choices input{width:20px;height:20px;flex:0 0 20px;margin:0;appearance:auto;accent-color:var(--lime);padding:0;box-shadow:none}
.request-form .request-choices label>span{font-size:15px;margin:0}
.request-choices label:has(input:checked){background:#ffffff18;border-color:var(--lime)}
.request-form select{font:inherit;font-size:16px;width:100%;padding:14px 12px;color:var(--white);background:#1635d4;border:1px solid #ffffffa0;border-radius:4px;min-height:50px}
.request-form select option{background:#fff;color:var(--ink)}
.request-form input:not([type=radio]),.request-form textarea{font-size:16px}
.request-form input::placeholder,.request-form textarea::placeholder{color:#e1e6ff;opacity:1}
.request-form .form-button [data-submit-label]{font-size:15px;line-height:1.4}
.request-form .request-choices input:focus-visible{outline:3px solid white;outline-offset:4px}
@media(max-width:1100px){.service-card{padding:28px}.services-heading{gap:5%}}
@media(max-width:900px){
 .site-header{grid-template-columns:1fr auto auto;gap:14px;min-height:76px}
 .site-header>nav{display:none}
 .mobile-menu{display:block;position:static}
 .mobile-menu>summary{list-style:none;display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 0;font-size:13px;cursor:pointer;color:var(--white)}
 .mobile-menu>summary::-webkit-details-marker{display:none}
 .mobile-menu>summary>span{font-size:24px;line-height:1}
 .mobile-menu[open]>summary{color:var(--lime)}
 .mobile-menu nav{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:0;padding:10px var(--pad) 22px;background:var(--ink);border-bottom:1px solid #ffffff55;box-shadow:0 16px 22px #0004;max-height:calc(100dvh - 76px);overflow-y:auto}
 .mobile-menu nav a{display:block;font-size:17px;padding:14px 0;border-bottom:1px solid #ffffff30}
 .header-action{padding:10px 14px;font-size:12px;gap:10px}
}
@media(max-width:760px){
 .services{padding:55px var(--pad)}
 .services-heading{grid-template-columns:1fr;gap:24px;margin-bottom:28px}
 .services-heading h2{font-size:clamp(35px,9.8vw,55px)}
 .services-heading>p{max-width:none}
 .service-options{grid-template-columns:1fr;gap:20px}
 .service-card{padding:28px 24px}
 .service-card h3{font-size:clamp(33px,9vw,46px)}
 .service-card>.eyebrow{font-size:11px}
 .service-price strong{font-size:74px}
 .service-card .button{font-size:13px;padding:16px 18px}
 .services .project-steps{grid-template-columns:1fr;gap:24px;margin-top:30px}
 .service-disclosure>summary{font-size:15px;line-height:1.5}
 .service-disclosure .seo-existing{margin-inline:0}
 .reel-row figcaption{display:block}
 .reel-case-copy{font-size:16px;margin-top:20px}
 .reel-row-prurak#prurak{padding:16px}
 .reel-row-prurak .reel-project-name{font-size:32px}
 .standalone-testimonial{margin:20px 0 0;padding:48px var(--pad)}
 .hero-service-link{font-size:13px;max-width:100%;line-height:1.6}
 .request-form .request-choices label{margin-bottom:10px}
}
@media(max-width:380px){
 .site-header{gap:10px;padding-inline:16px}
 .logo-name{font-size:24px}
 .header-action{padding:9px 11px;font-size:11px;gap:6px}
 .mobile-menu>summary{font-size:11px;gap:6px}
 .mobile-menu>summary>span{font-size:20px}
 .service-card{padding:26px 20px}
 .service-card .button{font-size:12px;padding-inline:14px;gap:8px}
 .request-form .request-choices label>span{font-size:14px}
}
.reel-row#asiakastyo{padding-top:0;border-top:0}
.reel-row-prurak figcaption .eyebrow,.reel-row-prurak .reel-project-name>span{color:var(--lime)}

/* Authentic mobile screenshots paired with the original desktop references. */
.project-devices{position:relative;padding-bottom:6%;isolation:isolate;min-width:0}
.project-devices>.reel-frame{width:87%;position:relative;z-index:1}
.portfolio-phone{position:absolute;right:0;bottom:0;z-index:2;display:block;width:29%;padding:14px 6px 12px;background:#111413;border:1px solid #626962;border-radius:clamp(14px,2vw,28px);box-shadow:0 20px 30px -10px #0007,0 2px 5px #0005;line-height:0}
.portfolio-phone::before{content:'';position:absolute;left:-3px;top:20%;height:12%;width:2px;background:#626962;border-radius:2px}
.portfolio-phone::after{content:'';position:absolute;right:-3px;top:25%;height:10%;width:2px;background:#626962;border-radius:2px}
.portfolio-phone-speaker{position:absolute;left:42%;top:5px;width:16%;height:3px;background:#555b55;border-radius:5px}
.portfolio-phone-screen{display:block;position:relative;aspect-ratio:710/1284;border-radius:clamp(8px,1.3vw,19px);overflow:hidden;background:#10110f}
.portfolio-phone-screen img{display:block;width:100%;height:auto;max-width:none;transform:translateY(-5.338541667%)}
.portfolio-phone-home{position:absolute;bottom:4px;left:35%;width:30%;height:3px;background:#858b82;border-radius:8px}
.reel-row-prurak .portfolio-phone{border-color:#8e968c;box-shadow:0 18px 25px -9px #000b,0 0 0 1px #ffffff15}
.portfolio-phone:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
.reel-row-prurak .portfolio-phone:focus-visible{outline-color:var(--lime)}
@media(max-width:760px){
 .project-devices{padding-bottom:10%}
 .project-devices>.reel-frame{width:86%}
 .portfolio-phone{width:34%;padding:9px 3px 8px;border-radius:14px;box-shadow:0 12px 20px -6px #0007}
 .portfolio-phone-screen{border-radius:9px}
 .portfolio-phone-speaker{height:2px;top:3px}
 .portfolio-phone-home{height:2px;bottom:3px}
 .project-devices .reel-browser{font-size:7px;padding:7px 8px}
 .project-devices .reel-dots{font-size:5px;letter-spacing:2px}
}

/* Clearer purchase path, October 2026. */
.service-practical>h2{font-size:clamp(28px,3.2vw,46px);font-weight:400;letter-spacing:-.04em;line-height:1.15;margin:0 0 28px}
.care-bottom.care-bottom-compact{display:block;padding-top:0;border-top:0}
.care-bottom-compact>.care-terms{max-width:none}
.care-bottom-compact summary{min-height:48px;padding:14px 0;cursor:pointer;font-size:15px}
.care-bottom-compact details p{max-width:80ch}