:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202124;background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #1a73e8;outline-offset:4px}.container{width:min(1120px,calc(100% - 48px));margin:auto}.header{border-bottom:1px solid #edf0f3}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:750;letter-spacing:-.03em;font-size:20px}.nav-links{display:flex;gap:32px;align-items:center;color:#4d5561;font-size:14px}.nav-links a:hover,.inline-link:hover{color:#1559bd}.hero{padding:108px 0 78px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:46px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#57739f}.hero h1{font-size:clamp(44px,5.7vw,76px);line-height:1.07;letter-spacing:-.062em;max-width:720px;margin:22px 0}.lead{font-size:19px;line-height:1.65;color:#626b78;max-width:540px}.actions{display:flex;gap:12px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:999px;font-size:14px;font-weight:650;white-space:nowrap}.primary{background:#1863d2;color:white}.primary:hover{background:#0e52b6}.secondary{border:1px solid #d7dce4;background:#fff}.secondary:hover{background:#f8fafc}.section{padding:80px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px}.section h2{font-size:clamp(28px,3.5vw,40px);margin:0;letter-spacing:-.045em}.projects{background:#f8fafc}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-card{background:white;border:1px solid #e9edf2;border-radius:24px;padding:34px;min-height:310px;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.project-card:hover{transform:translateY(-3px);box-shadow:0 12px 35px #1e293b0c}.icon-tile{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;margin-bottom:33px}.blue{background:#e9f2ff;color:#1a73e8}.green{background:#e7f7ef;color:#168456}.project-card h3{font-size:26px;letter-spacing:-.03em;margin:0 0 11px}.project-card p{color:#68717d;line-height:1.65;margin:0 0 25px;max-width:390px}.inline-link{margin-top:auto;color:#185abc;font-size:14px;font-weight:700}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:start}.about-grid p{color:#5d6672;line-height:1.8;font-size:18px;margin:0;max-width:680px}.footer{border-top:1px solid #ebeff3;padding:30px 0 46px;color:#727a86;font-size:14px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.page-hero{padding:100px 0 56px}.page-hero h1{font-size:clamp(42px,6vw,70px);letter-spacing:-.06em;line-height:1.1;max-width:850px;margin:16px 0 25px}.page-hero p{font-size:19px;color:#646d79;line-height:1.7;max-width:720px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:95px}.feature{border-top:2px solid #dce4ef;padding:24px 16px 0 0}.feature h2{font-size:19px;letter-spacing:-.02em}.feature p{color:#68717d;line-height:1.7}.note{margin:0 0 80px;padding:25px 30px;border-radius:18px;background:#f4f7fb;color:#566273;line-height:1.7}.back{display:inline-block;margin-top:22px;color:#175ec8;font-weight:650}@media(max-width:780px){.container{width:min(100% - 36px,650px)}.nav{min-height:70px}.nav-links{gap:16px;font-size:13px}.hero{padding:65px 0}.hero-grid{grid-template-columns:1fr;gap:34px}.section{padding:60px 0}.section-head{display:block}.project-grid{grid-template-columns:1fr}.project-card{min-height:250px}.about-grid{grid-template-columns:1fr;gap:20px}.features{grid-template-columns:1fr;padding-bottom:55px}.page-hero{padding:65px 0 35px}.footer-inner{flex-direction:column}}@media(max-width:440px){.nav-links{gap:10px;font-size:12px}.brand{font-size:17px}.hero h1{font-size:45px}.lead{font-size:17px}.actions{flex-wrap:wrap}}

/* A2 Studio — clean Google-inspired revision */
:root{--blue:#1a73e8;--ink:#202124;--muted:#5f6368}
body{background:#fff}
.container{width:min(1080px,calc(100% - 56px))}
.header{border-bottom:1px solid #f0f1f3;background:#fff}
.nav{min-height:78px}
.brand{font-size:23px;letter-spacing:-.055em;font-weight:750;color:#202124}

.nav-links{color:#4c545f;font-size:14px}
.hero{padding:112px 0 106px}
.hero-grid{grid-template-columns:1.08fr .92fr;gap:35px;min-height:385px}
.hero h1{font-size:clamp(50px,5.4vw,74px);max-width:630px;margin:0 0 22px;line-height:1.08}
.lead{color:var(--muted);font-size:18px;line-height:1.65;max-width:520px}
.actions{margin-top:35px}
.button{font-weight:600;padding:14px 23px}
.primary{background:#1a73e8}
.hero-art{height:405px;position:relative;overflow:hidden;background:transparent;border-radius:0;isolation:isolate}
.shape{position:absolute;border-radius:46% 46% 16% 16%;opacity:1;transform:rotate(-34deg)}
.shape-one{width:290px;height:350px;right:30px;top:18px;background:#dcecff;border-radius:46% 46% 13% 13%}
.shape-two{width:225px;height:330px;right:128px;top:129px;background:#cbe5fb;border-radius:48% 48% 12% 12%;opacity:.84;transform:rotate(35deg)}
.shape-three{width:180px;height:230px;right:0;top:173px;background:#e1f6ee;border-radius:50% 50% 18% 18%;opacity:.85;transform:rotate(-28deg)}
.section{padding:75px 0}
.projects{background:#fff}
.section-head{margin-bottom:26px}
.section h2{font-size:32px}
.project-grid{gap:22px}
.project-card{min-height:258px;padding:32px;border:0;border-radius:22px;box-shadow:none}
.project-card:first-child{background:#edf5ff}
.project-card:nth-child(2){background:#eff9f4}
.project-card:hover{box-shadow:0 12px 28px #1e293b10}
.icon-tile{margin-bottom:22px;width:48px;height:48px;border-radius:14px}
.icon-tile svg{width:25px;height:25px}
.project-card h3{font-size:24px}
.project-card p{font-size:15px;line-height:1.6;margin-bottom:22px;color:#55616c}
.inline-link{font-size:14px}
#o-nama{border-top:1px solid #f0f1f3}

.about-grid{grid-template-columns:1fr 2.2fr;gap:50px;align-items:center}
.about-grid p{font-size:17px;line-height:1.8}
.footer{background:#fff}
@media(max-width:780px){.container{width:min(100% - 36px,650px)}.hero{padding:68px 0 50px}.hero-grid{grid-template-columns:1fr;gap:6px}.hero h1{font-size:clamp(44px,8vw,60px)}.hero-art{height:210px;max-width:400px;width:100%;margin:auto}.shape-one{width:190px;height:250px;top:0;right:45px}.shape-two{width:150px;height:220px;top:65px;right:132px}.shape-three{width:125px;height:170px;top:90px;right:25px}.section{padding:56px 0}.about-grid{grid-template-columns:1fr;gap:18px}}
@media(max-width:440px){.nav-links{gap:13px}.brand{font-size:21px}.hero h1{font-size:44px}.hero-art{height:170px}.shape-one{right:40px}.shape-two{right:115px}.shape-three{right:20px}}

/* Logo lockup: approved matching twin towers + A2 STUDIO. */
.brand { display: inline-flex; align-items: center; flex-shrink: 0; line-height: 1; }
.brand-logo { display: block; width: 190px; height: auto; max-height: 60px; object-fit: contain; object-position: left center; }
@media (max-width: 560px) {
 .brand-logo { width: 145px; max-height: 46px; }
 .nav-links { gap: 12px; font-size: 12px; }
}
@media (max-width: 375px) {
 .brand-logo { width: 121px; }
 .nav-links { gap: 9px; font-size: 11px; }
}

.survey-section{padding:25px 0 100px;scroll-margin-top:25px}.survey-intro{max-width:730px;margin-bottom:26px}.survey-intro h2{font-size:clamp(30px,4vw,45px);letter-spacing:-.045em;margin:12px 0}.survey-intro p{color:#5f6368;font-size:17px;line-height:1.7}
@media(max-width:640px){.survey-section{padding-bottom:60px}}

/* Tally embed: inherits the minimal A2 Studio layout */
.tally-section .survey-intro { max-width: 700px; }
.tally-embed-container { padding: 14px 0 0; max-width: 850px; margin-inline: auto; }
.tally-embed-container iframe { display:block; width:100%; min-height:650px; border:0; }
.tally-open-link { font-size:13px; color:#64748b; text-align:center; margin:16px 0 0; }
.tally-open-link a { color:#1a62d2; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:640px){ .tally-embed-container { padding-top:4px; } }

.skip-link{position:absolute;left:16px;top:-100px;z-index:10;padding:12px 16px;background:#fff;color:#202124;border:2px solid #1a73e8;border-radius:8px}.skip-link:focus{top:12px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card{transition:none}}

.contact-section{border-top:1px solid #f0f1f3;scroll-margin-top:25px}.contact-intro{max-width:700px;margin-bottom:26px}.contact-intro p{color:#5f6368;font-size:17px;line-height:1.7}.contact-section .tally-embed-container{max-width:850px}